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

时间:2021-04-21 02:47:16

标签: foreach jquery-selectors onclicklistener computer-science

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

    inputTags.splice(inputTags.length, 0, 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);
})

1 个答案:

答案 0 :(得分:0)

这将返回 null

document.querySelector('textarea');

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

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