利用 javascript 脚本编程使元素与容器元素等高

问题:
父元素(Col)内有两个兄弟元素,分别命名为Col1和Col2
Col1或Col2中内容由服务端代码生成,高度不用CSS设定。如何做到使兄弟元素的高度为最多的那个元素的高度?

Javascript代码如下:

function resizeHeight() {
    if(!document.getElementsByTagName) return false;
    var div = document.getElementsByTagName("div");
    if(!div) return false;
    for(var i=0;i<div.length;i++) {
 
        if(div[i].parentNode.className.indexOf("Col") != -1) {
            col = div[i].parentNode;
        }
        if(div[i].className.indexOf("Col1") != -1) {
            col1 = div[i];
 
            if(col.offsetHeight > col1.offsetHeight){
                col1.style.height = col.offsetHeight +"px";
            }
            else {
                col.style.height = col1.offsetHeight +"px";
            }
        }
        else if(div[i].className.indexOf("Col2") != -1) {
            col1 = div[i];
 
            if(col.offsetHeight > col1.offsetHeight){
                col1.style.height = col.offsetHeight +"px";
            }
            else {
                col.style.height = col1.offsetHeight +"px";
            }
        }
    }
 
}

原文来源: http://www.cnblogs.com/georgewing/archive/2008/04/04/1085303.html  

0
Your rating: None