javascript怎麼取得隱藏元素的高度

取得方法：1、引入jquery檔案；2、使用「$("#id值")」語句根據指定id值取得隱藏元素物件；3、使用「元素物件.height()」語句來取得隱藏元素的高度。

本教學操作環境：windows7系統、javascript1.8.5&&jquery3.1.0版、Dell G3電腦。

首先，正常情況下，確保div是有高度的。

nbsp;html>


    <meta>
    <title>Document</title>
    <script></script>


    <div>
        <div>
            子div内容，需要获取我的高度
        </div>
    </div>

<script>
    console.log($("#div").height())  //21
    console.log($("#divsub").height()) //21
</script>

當我們在id為div的元素上加了  style="display:none;" 之後，重新執行程式碼，結果如下：

可以看到，父div能正常取得值，而子div已經取得不到高度了。

當我們把 style="display:none;" 改成 style="visibility: hidden;" 後，仍能正常取得。但是div的位置還在。

於是，就有了下面的解決方案，使用visibility隱藏，然後把div移到螢幕之外看不見的地方就可以了。

nbsp;html>


    <meta>
    <title>Document</title>
    <script></script>


    <div>
        <div>
            子div内容，需要获取我的高度
        </div>
    </div>

<script>
    console.log($("#div").height())  
    console.log($("#divsub").height())
</script>

【推薦學習：javascript進階教學】

以上是javascript怎麼取得隱藏元素的高度的詳細內容。更多資訊請關注PHP中文網其他相關文章！