创建window.AddEventListener时Div未显示为'none‘

当创建window.addEventListener时，div元素未显示为'none'的原因可能有多种。以下是一些可能的原因和解决方法：

CSS样式问题：检查div元素的CSS样式，确保其display属性设置为'none'。可以通过在CSS文件中或者通过行内样式设置来实现。例如：

<div id="myDiv" style="display: none;"></div>

JavaScript代码问题：确保在调用window.addEventListener之前，div元素已经被正确地创建并添加到DOM中。可以使用document.getElementById或其他选择器方法获取div元素的引用。例如：

<div id="myDiv"></div>

<script>
  // 获取div元素的引用
  var myDiv = document.getElementById('myDiv');

  // 添加事件监听器
  window.addEventListener('load', function() {
    // 在事件触发时，将div元素的display属性设置为'none'
    myDiv.style.display = 'none';
  });
</script>

事件触发时机问题：确保window.addEventListener的事件触发时机正确。例如，如果希望在页面加载完成后执行相关操作，可以使用'load'事件。如果希望在其他事件触发后执行操作，可以选择相应的事件。例如：

<div id="myDiv"></div>

<script>
  // 获取div元素的引用
  var myDiv = document.getElementById('myDiv');

  // 添加事件监听器
  window.addEventListener('load', function() {
    // 在事件触发时，将div元素的display属性设置为'none'
    myDiv.style.display = 'none';
  });
</script>