代码之家  ›  专栏  ›  技术社区  ›  Alkanshel

使用alert()将元素的height属性作为字符串读取

  •  2
  • Alkanshel  · 技术社区  · 14 年前

    这是相当初级的,但我想知道如何访问像字符串一样的属性。这里的mouseover警报只返回“undefined”(在警报中说height.value也没有帮助):

    <html>
     <body>
      <div id="wut" align="center" height="10" onmouseover="alertheight()">
        hi.
      </div>
      <script type="text/javascript">
        function alertheight() {
            alert(document.getElementById("wut").height);
        }
      </script>
     </body>
    </html>
    
    1 回复  |  直到 14 年前
        1
  •  5
  •   Janick Bernet    14 年前

    这是因为大多数HTML元素都没有height属性(那些没有height属性的元素可能不需要以像素表示高度)。因此,浏览器将忽略添加到div标记的height属性。使用css样式定义 div 的和其他元素:

    <div id="wut" align="center" style="height: 10px" onmouseover="alertheight()">
    

    我猜你要找的很可能是 clientHeight 以及类似的特性: https://developer.mozilla.org/en/DOM/element.clientHeight