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不起作用在页面加载

回答

相关问题