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>
追问

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

采纳就够了

已赞过 已踩过<

评论收起

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

您可能关注的内容

综合知识 - 智能办公神器

Kimi让综合知识更轻松，快速解决各种问题!

kimi.moonshot.cn广告

综合知识 - 高效任务帮手

用Kimi处理综合知识工作，轻松提升效率!

kimi.moonshot.cn广告

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

您可能关注的内容

其他类似问题

为你推荐：