在javascript中获取带有id的元素

Question

我想使用 id 获取所有输入标记。 现在，我的代码是：

inputs = document.querySelectorAll('input');
for (i=0; i<inputs.length; i++) {
  if (inputs[i].id) { .. }
}

如果可能的话，我想要更干净的东西。 提前谢谢。

Answer 1

您可以使用[attribute name]查找属性的存在：

inputs = document.querySelectorAll('input[id]');

See the W3C docs on attribute presence selectors

Answer 2

试试这个：

document.querySelectorAll('input[id]');

Answer 3

这样的东西？

var inputs = document.getElementsByTagName('input'),
  i,
  l = inputs.length;
for (i = 0; i < l; i++)
{
  if (inputs[i].hasAttribute('id'))
  {
    //do some code
  }
}

编辑添加：
结果hasAttribute并不像我想的那样跨浏览器......

“最干净”的代码步骤：

1. 使用jQuery
2. $('input[id]')
3. 利润

Answer 4

使用

inputs = document.querySelectorAll('input[id]');