无法从js设置样式

时间:2014-01-27 19:01:05

标签: javascript stylesheet

我不知道为什么但是这个js脚本对我不起作用:

document.getElementById('logo').style.width="300px";

我在标题中包含的内容:

<link media="screen" href="/styles/style.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/libs.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

这就是我试图设置样式的块:

<a href="/index.php"><div id="logo">Some text</div></a>

1 个答案:

答案 0 :(得分:2)

您需要将其包装在实例化它的内容中。

window.onload=function(){
document.getElementById('logo').style.width="300px";
};

或者在jQuery中:

$(function(){
$('#logo').css( "width", "300" );
});