的Javascript，通過高度

我有一個div其寬度和高度變化幅度應該是相同的：的Javascript，通過高度

所以使用Javascript

<div class="radior" id="ha" style="background-color: #006;" onClick='foo()'></div>

我先檢查高度，然後想改變的<div>

寬度

function foo(){ 
    var innerHeight = document.getElementById('ha').offsetHeight; 
    var ele = document.getElementsByClassName("radior"); 

    for (var i = 0, len = ele.length; i < len; i++){ 
     ele[i].style.width = innerHeight; 
    } 
}

但不知何故，它不會工作！我沒有明白！來自德國和這裏問候是小提琴的例子：

http://jsfiddle.net/TSk6y/1/

來源

2013-02-19 Em Sta

你爲什麼不保留它很簡單嗎？你不需要for循環。只需直接對元素進行尋址，並在您的寬度聲明中附加+"px"。

<div class="radior" id="ha" style="background-color: #006;" onClick='foo(this)'></div> 

function foo(that){ 
    var innerHeight = that.offsetHeight; 
    that.style.width = innerHeight+"px"; 
}

甚至更短：

function foo(that){ 
    that.style.width = that.offsetHeight+"px"; 
}

來源

2013-02-19 13:42:07 Christoph

有幾個同類的div！坦克！ – 2013-02-19 13:44:13

看我怎麼做得更簡單：D – 2013-02-19 13:44:21

@EmSta啊，好的。儘管如此，你可以直接交出元素，不需要'getElementById'。 – Christoph 2013-02-19 13:45:55

只是這樣做

ele[i].style.width = innerHeight + "px";

來源

2013-02-19 13:39:31 yogi

嘗試 ele[i].style.width = innerHeight+"px";

小提琴鏈接：http://jsfiddle.net/opherv/57V5b/

來源

2013-02-19 13:39:53 OpherV

這似乎爲我工作 - 不知道爲什麼的jsfiddle沒有，但如果我把所有的代碼到一個.html文件，並運行在標準瀏覽器（在這裏使用chrome），它的工作原理。我點擊該分區，並且它確實改變了寬度：

<html> 
<head> 
<style> 
body,html {width:100%; 
    height:100%; 
} 

.radior{ 
    width: 20%; 
    height: 60%; 
} 
</style> 
</head> 
<body> 
<div class="radior" id="ha" style="background-color: #006;" onClick="foo()"></div> 
</body> 
<script type="text/javascript"> 
function foo(){ 
    var innerHeight = document.getElementById('ha').offsetHeight; 
    var ele = document.getElementsByClassName("radior"); 

    for (var i = 0, len = ele.length; i < len; i++){ 
    ele[i].style.width = innerHeight; 
    } 
} 
</script> 
</html>

來源

2013-02-19 13:53:33 jgy3183

的Javascript，通過高度

回答

相關問題