DOMContentLoaded的addEventListener()无法正常工作

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOMContentLoaded的addEventListener()无法正常工作相关的知识,希望对你有一定的参考价值。

我有这个代码:

document.addEventListener('DOMContentLoaded', function() {
        hideColor();
 }, false);    

但是,它似乎没有将事件监听器绑定到DOMContentLoaded。我检查了document.readyState,它说“装载”。所以,这意味着DOMContentLoaded尚未解雇。

这真让我抓狂。任何想法为什么它不会绑定它?

谢谢。

答案

这看起来很好......

function hideColor() {
    console.log("DOM fully loaded and parsed");
    console.log(document.readyState);
    var e = document.getElementById("test");
    e.style.background = "transparent";
  }
  
  document.addEventListener("DOMContentLoaded", hideColor);
#test {
  background:red;
}
<div id="test">Test</div>

以上是关于DOMContentLoaded的addEventListener()无法正常工作的主要内容,如果未能解决你的问题,请参考以下文章

详解 DOMContentLoaded

DOMContentLoaded与load的区别触发时机(转)

DOMContentLoaded的addEventListener()无法正常工作

事件DOMContentLoaded和load的区别

事件DOMContentLoaded和load的区别

DOMContentLoaded 事件