利用javascript指令碼編程使元素與容器元素等高

來源:互聯網
上載者:User
問題:
父元素(Col)內有兩個兄弟元素,分別命名為Col1和Col2
Col1或Col2中內容由服務端代碼產生,高度不用CSS設定。如何做到使兄弟元素的高度為最多的那個元素的高度?
Javascript代碼如下: 1function resizeHeight() {
 2    if(!document.getElementsByTagName) return false;
 3    var div = document.getElementsByTagName("div");
 4    if(!div) return false;
 5    for(var i=0;i<div.length;i++) {
 6        
 7        if(div[i].parentNode.className.indexOf("Col") != -1) {
 8            col = div[i].parentNode;
 9        }
10        if(div[i].className.indexOf("Col1") != -1) {
11            col1 = div[i];
12
13            if(col.offsetHeight > col1.offsetHeight){
14                col1.style.height = col.offsetHeight +"px";
15            }
16            else {
17                col.style.height = col1.offsetHeight +"px";
18            }
19        }
20        else if(div[i].className.indexOf("Col2") != -1) {
21            col1 = div[i];
22
23            if(col.offsetHeight > col1.offsetHeight){
24                col1.style.height = col.offsetHeight +"px";
25            }
26            else {
27                col.style.height = col1.offsetHeight +"px";
28            }
29        }
30    }
31    
32}

web文檔中用 class 定義聲明比用id定義聲明更為通用。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.