JavaScript不起作用在頁面加載

我正在處理一個html頁面，現在我正試圖將div樣式重寫爲另一種樣式，它看起來像這樣<div class="fs-stretcher" style="width: 1170px; height: 480px;"></div>。爲此，我正在使用這樣的java腳本JavaScript不起作用在頁面加載

<script> 
    window.onload=document.getElementsByClassName('fs-stretcher')[0].setAttribute("style","width: 0px; height: 0px; background-color: yellow;") 
    </script>

但它不工作有人請幫我解決這個問題。

來源

2014-02-08 Дмитрий Иванович Менделеев

這是非常危險的，剛纔那個函數爲你的'window.onload'事件。更好的方法是將'script'標籤放在關閉的body標籤''上。這些元素在那個時候會被加載。 –

你必須指定一個函數參考window.onload。

window.onload = function() { 
    document.getElementsByClassName('fs-stretcher')[0].setAttribute("style", "width: 0px; height: 0px; background-color: yellow;") 
};

執行代碼的聲明document.getElementsByClassName....和分配由setAttribute返回的值來onload

來源

2014-02-08 11:09:37

thankyou其工作正常...... :) –

另一種方式，你的div之後放置腳本。

<html> 
<head> 
</head> 
<body> 
<div class="fs-stretcher" style="width: 1170px; height: 480px;">adv</div> 
<script> 
    window.onload = document.getElementsByClassName('fs-stretcher')[0].setAttribute("style", "width: 100px; height: 100px; background-color: yellow;") 
</script> 
</body> 
</html>

這也可以正常工作。但是，如果您使用window.onload =function(){-----}作爲上述回答的最佳方式是Arun P johny。

來源

2014-02-08 11:29:54

window onload是一個函數，您應該需要將一個函數綁定到此事件。

這樣試試：

window.onload = function() { 
    document.getElementsByClassName('fs-stretcher')[0].setAttribute("style", "width: 0px; height: 0px; background-color: yellow;") 
};

，或者你可以創建一個功能

function setElementOnLoad() { 
    document.getElementsByClassName('fs-stretcher')[0].setAttribute("style", "width: 0px; height: 0px; background-color: yellow;") 
};

並將其綁定到body標籤的onload：

<body onload="setElementOnLoad()">

來源

2014-02-08 11:46:40

JavaScript不起作用在頁面加載

回答

相關問題