display ='none'在javascript中不起作用

Question

我想隐藏divA并显示divB.如果我单击一个按钮,我想隐藏divB并显示divA.我不想使用JQuery.

当页面加载时,我很难隐藏divA.当我单击按钮时,divB被正确隐藏.

我在文档的开头添加了这个

<script>
    var doNotShow= document.getElementById('divA');
    doNotShow.style.display = 'none';
</script>

问题是,它不起作用.奇怪的是,稍后,我尝试通过按钮点击隐藏divB然后divB隐藏它应该.divA位于文件中的javascript部分之后.

Answer 1

我在文档的开头添加了这个

必须在文档中存在具有查询ID的元素document.getElementById 后执行,否则null将返回.

您可以将脚本标记移动到页面底部(或简单地在这些元素之后),或将其包装在window.onload处理程序中.

最好<script>在关闭之前使用标记,</body>这样所有元素都已经存在于页面中,您无需担心将代码包装在window.onloadDOM ready(DOMContentLoaded)处理程序中.