Javascript，根据高度改变宽度

Question

我有一个宽度和高度应该相同的 div:

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

因此，使用 Javascript，我首先检查高度，然后想要更改 <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;
    }
}

但不知何故它不会工作!我不明白!来自德国的问候，这里是 fiddle 的例子:

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

Answer 1

为什么不保持简单？你不需要 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";
}