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

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

html javascript

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

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

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

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 回复 | 直到 7 年前

Bertrand 7 年前

如果没有为输入元素提供默认类型值,则为“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 7 年前

要访问输入类型,可以使用以下代码 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'/>

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前