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

Javascript 从HTML页面获取所有输入id值,javascript,event-listener,Javascript,Event Listener,我有一个带有一些输入文本的表单。他们每个人都有一个特定的ID,为了进行特定的治疗,我必须检索该ID 为此,我创建了一个查询整个HTML文档的基本JavaScript window.addEventListener('load', function () { var inputs = []; document.querySelectorAll('input').forEach( input => { console.log(input.getElementsB

我有一个带有一些输入文本的表单。他们每个人都有一个特定的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:“caller”、“callee”和“arguments”属性可能无法在严格模式函数或函数处调用它们的arguments对象上访问。invokeGetter(:2:14)

将id属性推入数组之前,可以检查id属性

请注意:没有自己的
这个

window.addEventListener('load',function(){
var输入=[];
document.querySelectorAll('input').forEach(input=>{
//console.log(this.constructor.name);//窗口
if(input.id)
inputs.push(input.id);
});
控制台日志(输入);
})


如果您使用
.getAttribute('id')
而不是
。getElementsByTagName('id')
应该只使用
输入.id
getElementsByTagName()
没有意义属性做得很好。我已经十年没有写一行javaScript了。。。