Javascript 常数不';t似乎无法通过函数传递值

Javascript 常数不';t似乎无法通过函数传递值,javascript,Javascript,我将两个DOM选择器定义为常量,但似乎无法通过函数调用它们。本质上,我应该能够将两个常量作为函数的参数传递,其中一个将其显示样式设置为block,另一个设置为none 我的JS是: const divOne = document.querySelector("#divOne"); const divTwo = document.querySelector("#divTwo"); function showHide(show, hide){ show.style.display = "b

我将两个DOM选择器定义为常量,但似乎无法通过函数调用它们。本质上,我应该能够将两个常量作为函数的参数传递,其中一个将其显示样式设置为block,另一个设置为none

我的JS是:

const divOne = document.querySelector("#divOne");
const divTwo = document.querySelector("#divTwo");

function showHide(show, hide){
    show.style.display = "block";
    hide.style.display = "none";
}

function changeDisplay(arg) {
    //do some other bits
    showHide(divOne, divTwo);
}
但这似乎没有改变,我得到了一个错误

Uncaught TypeError: Cannot read property 'style' of null
        at showHide

我不能通过函数传递查询选择器吗?

你可以通过js中的函数传递任何内容) 很难说在这里发生了什么,只是看看拼图的各个部分,但我的建议是检查您何时真正调用changeDisplay或showHide。我的意思是你的DOM建成并准备好了吗?
也许在调用这些函数时,您的DOM树还没有准备好

请确保DOM同时具有“#divOne”和“#divTwo”。如果它们不可用,则const变量将保持未定义状态

您如何调用“changeDisplay”?它在哪里被调用?你可以发布你的完整代码,包括HTML吗?所需的HTML你是怎么做的,就像@urvashi所说的。但我添加了答案,如果您添加正确的html,它不会给出错误。检查答案。谢谢,我看了又看,看了又看,但看不出有什么不同。我重新打了一遍,似乎很有效。非常感谢。