代码之家 › 专栏 › 技术社区 › Takit Isy Surendra

如果javascript中的属性未设置或有故障,则获取默认值

html javascript

Takit Isy Surendra · 技术社区 · 6 年前

我想知道是否有一种方法可以获取尚未设置的属性的默认值。

例如,在这个简单的片段中:

let inputs = document.querySelectorAll('input');

inputs.forEach(function(elm){
  console.log(elm.getAttribute('type'));
});

<input />
<input type='integer'/><!-- This one is invalid -->
<input type='number'/>
<input type='submit'/>

第一个结果为“空”,第二个结果为“整数”。

我们都知道没有 type 显式定义的属性(或无效的属性,如在我的代码段中),该属性 input 默认情况下被视为 input type="text" . 但是,有没有什么方法可以显示这一点呢?

我的意思是是否有任何函数会返回“文本”而不是“空”或错误值?
可以这样使用的东西: input.getAttributeOrDefault("type") ?

事先谢谢你的答复。

2 回复 | 直到 6 年前

Bertrand 6 年前

如果没有为输入元素提供默认类型值,则为“text”。您可以通过以下方式进行访问:

let input = document.querySelector('input');
console.log(input.type);

<input />

--编辑-- 注意整数不是有效的类型,因此它将回退到文本

let inputs = document.querySelectorAll('input');

inputs.forEach(function(elm){
  console.log(elm.type);
});

<input />
<input type='integer'/>
<input type='number'/>
<input type='submit'/>

Md Johirul Islam 6 年前

要访问输入类型,可以使用以下代码 input.type

let input = document.querySelector('input');
console.log(input.type);

<input />

编辑

代码使用 输入类型 适用于所有有效案例。 type = "integer" 应替换为 type = "number" text

let inputs = document.querySelectorAll('input');

inputs.forEach(function(elm){
  console.log(elm.type);
  //console.log(elm.getAttribute('type'));
});

<input />
<input type='number'/>
<input type='submit'/>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前