Javascript window.onload不触发

Question

我正在尝试编写一个JavaScript函数，以强制元素具有样式display = block。 目前，另一段javascript将其设置为显示=无。

我认为window.onload将解决问题，因为代码不会被以前的JS覆盖。 下面的代码可以正常工作，现在该功能甚至无法启动。

谁能帮忙？

          window.onload =  function ()   // It sets the class of the unordered list when the page has been loaded.
            {
               ul.style.display = "block!important";   // Display all the child items
             }

Answer 1

您需要在事件侦听器的回调中获取ul ，因为如果您之前这样做，则DOM不会完全加载。

document.addEventListener("DOMContentLoaded", function(event) { 
    var ul = document.getElementById("my-ul");

    ul.style.display = "block!important";
});

如果您想要更多的跨浏览器解决方案，则可以使用JQuery进行：

$(document).ready(function() {
    $('#my-ul').css('display', 'block!important');
});

您可以在CSS中执行此操作：

#my-ul {
    display: block!important;
}

您的ul应该采用以下形式的解决方案：

<ul id="my-ul">

Answer 2

您不能像这样使用ul.style.display 。

使用document. getElementsByTagName('ul').style.display = "block !important" document. getElementsByTagName('ul').style.display = "block !important"

Answer 3

window.onload = function（）...正在定义一个函数。 使用window.onload（）关闭函数后，只需调用该函数即可。 很多小时后为我工作