javascript - 显示 = '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

I added this in the beginning of the document

您必须执行 document.getElementById after 文档中存在查询ID的元素，否则null将被退回。

您可以将脚本标签移至页面底部(或简单地放在这些元素之后)，或将其包裹在 window.onload 中。处理程序。

---

最好使用 <script>收盘前的标签</body>因此所有元素都已存在于页面中，您无需担心 window.onload 中的包装代码或 DOM 就绪 ( DOMContentLoaded ) 处理程序。