如何使用JavaScript if条件比较css样式值？
我有一个简短的问题。如果我想将样式左/右值与其他坐标（比如鼠标）进行比较，我该怎么做 这是我在没有鼠标坐标的情况下尝试的，但由于某些原因，我的条件从未执行如何使用JavaScript if条件比较css样式值？,javascript,html,css,Javascript,Html,Css,我有一个简短的问题。如果我想将样式左/右值与其他坐标（比如鼠标）进行比较，我该怎么做 这是我在没有鼠标坐标的情况下尝试的，但由于某些原因，我的条件从未执行 <style> #container { position:absolute; left:400px; top:200px; } </style> <script> function moveExit(){ var c
<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>
#容器
{
位置：绝对位置；
左：400px；
顶部：200px；
}
函数moveExit（）{
var containerId=document.getElementById（“容器”）.style；
如果（集装箱左==400+“px”）
集装箱左=395+“px”；
}
<body>
<div id="container">
<img
src="Images/image.jpg"
onmouseover="moveExit();"
/>
</div>
</body>
这是我第一次使用javascript。。谢谢 为此，您需要使用计算样式 对于IE8，您必须使用currentStyle ProeProperty，因为不支持计算样式
document.getElementById("container").currentStyle.left
为此，您需要使用计算样式 对于IE8，您必须使用currentStyle ProeProperty，因为不支持计算样式
document.getElementById("container").currentStyle.left
试试这样的方法：
当然，可以对此进行更改，但是对于您需要的内容，这应该可以正常工作。当然，您可以更改alert（）函数以匹配所需内容（修改左偏移量），但希望这会有所帮助 试试这样的方法：
当然，可以对此进行更改，但是对于您需要的内容，这应该可以正常工作。当然，您可以更改alert（）函数以匹配所需内容（修改左偏移量），但希望这会有所帮助 虽然我不能100%确定您希望实现什么，但这里有一些注释和对代码的建议 我会使用jQuery而不是用户javascript。这是大卫以前提出的。jQuery最大的优点之一是它可以解决大多数浏览器不兼容的问题 要使用jQuery执行此操作，您需要导入jQuery，然后可以像这样使用它：
<script type="text/javascript" src="./jquery/jquery.js"></script>
<script type="text/javascript">
function moveExit(){
var $element = jQuery('#container');
$element.css('left', '350px');
}
</script>
函数moveExit（）{
var$element=jQuery（“#容器”）；
$element.css（'left'，'350px'）；
}
如果对您试图完成的任务有了更深入的了解，就可以提供更好的答案。虽然我不能100%确定您希望完成的任务，但这里有一些注释和对代码的建议 我会使用jQuery而不是用户javascript。这是大卫以前提出的。jQuery最大的优点之一是它可以解决大多数浏览器不兼容的问题 要使用jQuery执行此操作，您需要导入jQuery，然后可以像这样使用它：
<script type="text/javascript" src="./jquery/jquery.js"></script>
<script type="text/javascript">
function moveExit(){
var $element = jQuery('#container');
$element.css('left', '350px');
}
</script>
函数moveExit（）{
var$element=jQuery（“#容器”）；
$element.css（'left'，'350px'）；
}
更好地理解您试图实现的目标后，可以提供更好的答案。部分问题在于
document.getElementById（“容器”）。stylestyle.position（）document.getElementById（“容器”）.stylestyle.position（）