代码之家 › 专栏 › 技术社区 › Peter Ajtai

使用getElementById在CSS中检索styless

html dom css javascript

Peter Ajtai · 技术社区 · 15 年前

为什么第一个警报框是空的,而第二个是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>