gpt4 book ai didi

javascript - 为什么js代码无法控制css代码?

转载 作者:行者123 更新时间:2023-12-03 23:43:39 25 4
gpt4 key购买 nike

<script>
var divBgTop=0;
function initDivTop()
{
divBgTop=document.getElementById("divBg").style.pixelTop;
alert(divBgTop);
}
</script>
<style>
.divBgCss
{
position:absolute;
left:100px;
top:100px;
width:100px;
height:100px;
background-color:red;
}
</style>
<body onload="initDivTop()">
<div class="divBgCss" id="divBg"></div>
</body>

结果总是0,为什么?

最佳答案

你所追求的是 offsetTop:

divBgTop=document.getElementById("divBg").offsetTop;

如果不指定单位,您将不会得到 0 而是其他东西而不是 100 - 您最好添加像 px 这样的单位,这样您在使用代码时就不会得到错误的结果。

实时测试用例:http://jsfiddle.net/A9Mr2/1/

关于javascript - 为什么js代码无法控制css代码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6482679/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com