真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

javascript如何獲取隱藏元素的高度

這篇文章將為大家詳細(xì)講解有關(guān)javascript如何獲取隱藏元素的高度,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括武寧網(wǎng)站建設(shè)、武寧網(wǎng)站制作、武寧網(wǎng)頁(yè)制作以及武寧網(wǎng)絡(luò)營(yíng)銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,武寧網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到武寧省份的部分城市,未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!

獲取方法:1、引入jquery文件;2、使用“$("#id值")”語(yǔ)句根據(jù)指定id值獲取隱藏元素對(duì)象;3、使用“元素對(duì)象.height()”語(yǔ)句來獲取隱藏元素的高度。

本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5&&jquery3.1.0版、Dell G3電腦。

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




    
    Document
    


    
        
            子div內(nèi)容,需要獲取我的高度
        
    
    console.log($("#div").height())  //21     console.log($("#divsub").height()) //21

javascript如何獲取隱藏元素的高度

當(dāng)我們?cè)趇d為div的元素上加了  style="display:none;" 之后,重新運(yùn)行代碼,結(jié)果如下:

javascript如何獲取隱藏元素的高度

可以看到,父div能正常獲取值,而子div已經(jīng)獲取不到高度了。

當(dāng)我們把 style="display:none;" 改成 style="visibility: hidden;" 后,仍能夠正常獲取。但是div的位置還在。

javascript如何獲取隱藏元素的高度

javascript如何獲取隱藏元素的高度

于是,就有了下面的解決方案,使用visibility隱藏,然后把div移到屏幕之外看不見的地方就可以了。




    
    Document
    


    
        
            子div內(nèi)容,需要獲取我的高度
        
         console.log($("#div").height())       console.log($("#divsub").height())

關(guān)于“javascript如何獲取隱藏元素的高度”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。


網(wǎng)站名稱:javascript如何獲取隱藏元素的高度
網(wǎng)頁(yè)網(wǎng)址:http://weahome.cn/article/ijscjs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部