js利用div背景，做一個豎線的效果。
更新時間：2008年11月22日 12:59:13 作者：
嘗試了好多種css屬性，總是無法達成目標。主要就是height這個屬性，100%，對于ff似乎并不起什么作用，既然我將其父容器的高度也設(shè)置為100%，依然沒有效果。這樣的話，就無法顯示出平鋪的背景，想法也得不到實現(xiàn)。
后來發(fā)現(xiàn)，如果div樣式，如果設(shè)置了具體的高度，無論ie還ff，都能正常的表現(xiàn)。
但這個高度并不是固定的，而是會隨著旁邊div內(nèi)容的多少而變化。最后，只好借助javascript，加載時捕獲有關(guān)的div的高度，將其賦值給指定的div樣式，終于看到了想要的東西。
具體腳本是這樣的：
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}
“bg”是要更改高度的div，“mydiv”是相關(guān)要參照的div。
最后那個單位“px”一定要加上，否則在ff下會無法識別。
這還是有個問題，就是我看到有人介紹說offsetHeight這個屬性在ie7下已經(jīng)不被支持了，具體我沒有試過。如果是這樣的話，ie7下這里只好顯示空白了。
但這個高度并不是固定的，而是會隨著旁邊div內(nèi)容的多少而變化。最后，只好借助javascript，加載時捕獲有關(guān)的div的高度，將其賦值給指定的div樣式，終于看到了想要的東西。
具體腳本是這樣的：
window.onload=function(){
document.getElementById('bg').style.height=document.getElementById('mydiv').offsetHeight+'px';
}
“bg”是要更改高度的div，“mydiv”是相關(guān)要參照的div。
最后那個單位“px”一定要加上，否則在ff下會無法識別。
這還是有個問題，就是我看到有人介紹說offsetHeight這個屬性在ie7下已經(jīng)不被支持了，具體我沒有試過。如果是這樣的話，ie7下這里只好顯示空白了。
您可能感興趣的文章:
相關(guān)文章
數(shù)組對象自帶方法想必大家都有所耳聞,今天主要為大家介紹下JavaScript中數(shù)組對象的那些自帶方法，感興趣的你可以參考下哈，希望可以幫助你學習javascript2013-03-03
下面小編就為大家?guī)硪黄猨s獲取上傳文件的絕對路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
詳解JS中的compose函數(shù)和pipe函數(shù)用法
這篇文章主要介紹了JS中的compose函數(shù)和pipe函數(shù)用法，想深入了解Javascript的同學，可以參考下2021-04-04
使用Object.defineProperty為對象定義屬性
這篇文章主要為大家介紹了使用Object.defineProperty為對象定義屬性示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
localResizeIMG先壓縮后使用ajax無刷新上傳（移動端）
隨著技術(shù)的發(fā)展，移動設(shè)備像素越來越高，但是這么大的圖片怎么上傳呢？下面小編就給大家一起學習移動端圖片上傳的方法之localResizeIMG先壓縮后使用ajax無刷新上傳，需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄狫S中的forEach、$.each、map方法推薦。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法
這篇文章介紹了JavaScript獲取和設(shè)置CheckBox狀態(tài)的簡單方法，有需要的朋友可以參考一下2013-07-07
這篇文章主要為大家詳細介紹了js+css實現(xiàn)卡片輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了Bootstrap布局組件教程之Bootstrap下拉菜單的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript判斷表單提交時哪個radio按鈕被選中的方法
這篇文章主要介紹了JavaScript判斷表單提交時哪個radio按鈕被選中的方法,實例分析了javascript操作表單radio按鈕的技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03