Bagaimana untuk mendapatkan ketinggian elemen tersembunyi dalam javascript

Kaedah pemerolehan: 1. Import fail jquery 2. Gunakan pernyataan "$("#id value") untuk mendapatkan objek elemen tersembunyi mengikut nilai id yang ditentukan; object.height()" pernyataan untuk mendapatkan ketinggian elemen tersembunyi.

Persekitaran pengendalian tutorial ini: sistem windows7, versi javascript1.8.5&&jquery3.1.0, komputer Dell G3.

Pertama, dalam keadaan biasa, pastikan div mempunyai ketinggian.

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>

Selepas kami menambah style="display:none;" pada elemen dengan id div, kami menjalankan semula kod dan hasilnya adalah seperti berikut:

Anda boleh melihat bahawa div induk boleh memperoleh nilai seperti biasa, tetapi div anak tidak lagi boleh mendapatkan ketinggian.

Apabila kita menukar style="display:none;" kepada style="visibility: hidden;" , kita masih boleh mendapatkannya seperti biasa. Tetapi kedudukan div masih ada.

Jadi, terdapat penyelesaian berikut, gunakan keterlihatan untuk bersembunyi, dan kemudian alihkan div ke tempat yang tidak kelihatan di luar skrin Itu ia.

nbsp;html>


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


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

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

[Pembelajaran yang disyorkan: tutorial lanjutan javascript]

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan ketinggian elemen tersembunyi dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!