5

私は2つのdivを持っていますが、どちらもcssで設定された高さを持っていません。最終的にどのような高さでも取得し、もう1つのdivをその高さに設定したいからです。

私が持っているJavaScriptはこれです

function fixHeight() {
    var divh = document.getElementById('prCol1').height;
    document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';
    document.getElementById('prCol2').style.height = divh + 'px';
}

ある種の実際の応答が得られるかどうかを確認するために、次のコード行があります。

document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';

関数を実行するためのonloadセットがあります

私の2つのdivは次のようになります

<div id="prCol1">
     ..content..
</div>
<div id="prCol2" class="slideshow">
    ..content..
</div>
4

5 に答える 5

10

使用offsetHeight-http ：//jsfiddle.net/HwATE/

function fixHeight() {
    var divh = document.getElementById('prCol1').offsetHeight; /* change this */
    document.getElementById('prCol1').innerHTML = '<ul><li>' + divh + '</li></ul>';
    document.getElementById('prCol2').style.height = divh + 'px';
}
于 2012-06-12T20:44:27.643 に答える
2

jQueryを使用して高さを取得し、設定できます。

var h = $("#prCol1").height();
$("#prCol2").height(h);
于 2012-06-12T20:41:54.867 に答える
0

一般的な方法でこれを行うためのjQueryプラグインがあります。 これが1つです。

于 2012-06-12T20:43:57.987 に答える
0

ここでjQueryを使用することをお勧めします。私が知っているブラウザで試しているような要素の高さを取得することはできません。非常に簡単なjQueryを使用する場合のコードは次のとおりです。高さにアクセスする方法に関してブラウザが異なる可能性があるため、jQueryなしでこれを実行しようとはしません。

function fixHeight() {
    var $prCol1 = $('#prCol1');
    var divh = $prCol1.height();
    $prCol1.html('<ul><li>' + divh + '</li></ul>');
    $('#prCol1').height(divh);
}
于 2012-06-12T20:48:14.177 に答える
0

あなたはこのコードによって高さを得ることができます：

document.getElementById('YourElementID').clientHeight;
于 2020-09-08T05:20:20.237 に答える