我想隐藏divA并显示divB。如果单击按钮，我想隐藏divB并显示divA。我不想使用JQuery。
页面加载时，我很难隐藏divA。当我单击按钮时，divB正确隐藏。
我在文档开头添加了
<script>
var doNotShow= document.getElementById('divA');
doNotShow.style.display = 'none';
</script>
问题是，它不起作用。奇怪的是，稍后，我尝试通过单击按钮来隐藏divB，然后divB会按需隐藏。 divA在文件中javascript部分之后。
最佳答案
您必须在之后在文档中存在具有查询ID的元素之后执行document.getElementById ，否则将返回null。
您可以将脚本标签移动到页面底部(或仅在这些元素之后)，或将其包装在 window.onload 处理程序中。
好的做法是在结束<script>之前添加</body>标记，以便所有元素都已存在于页面中，并且您不必担心将代码包装在window.onload或DOM ready( DOMContentLoaded )处理程序中。