获取元素信息

游鹄君2025年4月30日小于 1 分钟

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>获取元素信息</title>
  <style type="text/css">
    *
    {
     margin:0px;
     padding:0px;
    }
    #dv
    {
     width:300px;
     height:300px;
     background:cyan;
     position:absolute;
     left:50px;
     top:60px;
    }
  </style>
</head>
<body>
  <div id='dv'></div>
  <!-- 注意div需要在标签上方 -->
  <script type="text/javascript">
  //获取对象
  var dv=document.getElementById('dv');
  //获取对象的宽
  document.write(dv.offsetWidth+"<br/>");
  //获取对象的宽
  document.write(dv.offsetHeight+"<br/>");
  //获取对象的距离顶端的偏移量
  document.write(dv.offsetTop+"<br/>");
  //获取对象向右的偏移量
  document.write(dv.offsetLeft+"<br/>");
  </script>
</body>
</html>