从HTML页面获取所有输入id值

我有一个带有一些输入文字的表格。他们每个人都有一个特定的ID,我必须检索该ID才能进行特定的处理。

为此,我创建了一个查询整个HTML文档的基本JavaScript。

window.addEventListener('load',function () {
    var inputs = [];
    document.querySelectorAll('input').forEach( input => {
        console.log(input.getElementsByTagName('id'));
        inputs.push(this);
    });

    console.log(inputs);
})

在这个阶段,我只是尝试将它们全部放入控制台并将ID推送到数组中。我将它们添加到数组或其他东西中。 我的问题是,我获得带有错误消息的空HTMLCollection

TypeError:在严格模式函数或在Function.invokeGetter(:2:14)上对其调用的参数对象上,可能无法访问'caller','callee'和'arguments'属性。

cctvmtv1982 回答:从HTML页面获取所有输入id值

您可以先检查 id 属性,然后再将其推入数组。

请注意: Arrow function (=>)没有自己的this

window.addEventListener('load',function () {
  var inputs = [];
  document.querySelectorAll('input').forEach( input => {
    //console.log(this.constructor.name); // Window
    if(input.id)
     inputs.push(input.id);
  });
  console.log(inputs);
})
<input id="abc"/>
<input id="xyz"/>
<input />

本文链接:https://www.f2er.com/3137738.html

大家都在问