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（）關閉函數后，只需調用該函數即可。 很多小時后為我工作