Question

为什么第一个警报框为空，但第二个警告框为100px？我希望第一个盒子说300px ..

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Move</title>
    <style type="text/css">
div#b-ball {
  position:absolute;
  top:300px;
  left:300px;
}
</style>
<script type="text/javascript">
<!--
function moveBall() {
 alert(document.getElementById("b-ball").style.top);
 document.getElementById("b-ball").style.top="100px";
 alert(document.getElementById("b-ball").style.top);
}
//-->
</script>
</head>
<body onload="moveBall()">
   <div id="b-ball">
      Basketball image here.
   </div>     
</body>
</html>

Answer 1

样式集合仅包含直接应用于元素的样式，而不包含从样式表继承的样式。

Answer 2

为什么第二个盒子会说300px？您只需将样式（胜过该类）明确设置为100px。 'style'集合仅引用内联样式，而不是类定义。

使用getElementById在CSS中检索无风格

2 个答案: