微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我收到错误:Uncaught TypeError: document.querySelector(...) is null in the following code

如何解决我收到错误:Uncaught TypeError: document.querySelector(...) is null in the following code

document.querySelector('button[type="submit"]').addEventListener('click',() => {
    const inputTags = Array.from(document.querySelectorAll('input'));
    const textArea = document.querySelector('textarea');

    inputTags.splice(inputTags.length,textArea);


    let output = "";

    inputTags.forEach((input) => {
        if(input.type == "checkBox" && input.checked == true ) {
            output += input.nextElementSibling.textContent; 
            output += input.checked; 
            output += "\n"; 
        } else if(input.type == "radio" && input.checked == true) {
            if(input.nextElementSibling.textContent == "I have money and can pay for this") {
                output += input.nextElementSibling.textContent.toLowerCase();
                output += "\n"; 
            }
        } else {
            output += input.nextElementSibling.textContent; 
            output += input.value;
        }
    })

    alert(output);
})

解决方法

这将返回 null

document.querySelector('textarea');

如果您的 html 正文中没有 <textarea />

<textarea id="example" name="exampleTextArea" rows="4" cols="50">Sample Text</textarea>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。