gpt4 book ai didi

javascript - 如果有条件,如何使用 JavaScript 比较 css 样式值?

转载 作者:太空宇宙 更新时间:2023-11-03 20:17:26 25 4
gpt4 key购买 nike

我有一个简短的问题。如果我想将样式左/右值与另一个坐标(比方说鼠标)进行比较,我该怎么做?

这是我在没有鼠标坐标的情况下尝试的方法,但由于某种原因我的条件从未执行...

<style>
#container
{
position:absolute;
left:400px;
top:200px;
}
</style>

<script>
function moveExit(){
var containerId = document.getElementById("container").style;

if(containerId.left == 400 + "px")
containerId.left = 395 + "px";
}
</script>

这是我的 body :

<body>
<div id="container">
<img
src="Images/image.jpg"
onmouseover="moveExit();"
/>
</div>
</body>

这是我第一次使用 javascript。谢谢!

最佳答案

为此您需要使用计算样式。

How do I get a computed style?

var left = window.getComputedStyle(document.getElementById("container")).left

对于 IE8,您必须使用 currentStyle 属性,因为不支持计算样式。

document.getElementById("container").currentStyle.left

Cross-browser (IE8-) getComputedStyle with Javascript?

关于javascript - 如果有条件,如何使用 JavaScript 比较 css 样式值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17956693/

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