js怎么动态改变css的属性值？

比如现在有css样式：#guding{position:fixed;left:230px;top:10px;}我想用js来改变left和top的值，请问js代码该怎么写？... 比如现在有css样式：
#guding {position:fixed; left:230px; top: 10px; }
我想用js来改变left和top的值，请问js代码该怎么写？展开

 我来答

1个回答

#热议# 上班途中天气原因受伤算工伤吗？

yugi111
推荐于2016-03-08 · TA获得超过8.1万个赞

知道大有可为答主

回答量：5.1万

采纳率：70%

帮助的人：1.3亿

我也去答题访问个人页

关注

展开全部

document.getElementById('guding').style.left = '111px';

document.getElementById('guding').style.top = '111px';

更多追问追答
追问

改变不了，我的页面里面没效果
追答

不知道了，你审查元素看看吧
追问

可以了，这段js要放到的后面才可以！
追答

那就是载入页面啊，window.onload里写，或者body元素里面onload，这个是常识啊
追问

哦哦，我js盲，不过非常感谢你！<body 这里怎么写啊？
追答

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>test</title>
<style type="text/css">
#guding {
	position: fixed;
	left: 230px;
	top: 10px;
}
</style>
<script type="text/javascript">
	window.onload = function ()
    {
		var guding = document.getElementById ('guding');
		guding.style.left = '111px';
		guding.style.top = '111px';
    }
</script>
</head>
<body>
	<div id="guding">guding</div>
</body>
</html>
追问

原来如此，你太厉害了
追答

采纳就够了

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

js怎么动态改变css的属性值？

其他类似问题

为你推荐：