1

HTML のどこかに次の要素があるとします。

<div class="container">
    <div class="box first">I have a height of 100</div>
    <div class="box">I have a height of 200</div>
    <div class="box last">I have a height of 300</div>
</div>
<div class="container">
    <div class="box first">I have a height of 50</div>
    <div class="box">I have a height of 60</div>
    <div class="box last">I have a height of 40</div>
</div>

各ボックスの高さをコンテナ内の最も高いボックスと一致するように設定する正しいロジックは何ですか?

私の考えは次のようになります。

  1. ドキュメント内の各要素について、クラス「コンテナ」があるかどうかを確認します
  2. 「コンテナ」の各子要素について、クラス「ボックス」があるかどうかを確認します
  3. 存在する場合は、配列への参照を追加し、その高さを、最後にチェックされた要素の高さを含む変数と比較し、それが大きい場合は、それを変数に割り当てます
  4. 配列内の各要素の高さを高さの値に設定します

...私はここで正しいコースを進んでいますか?

4

1 に答える 1

1

これを見てください..

  1. クラス名が「container」の要素を取得する

    var container = document.getElementsByClassName('container');
    
  2. コンテナごとに

    1. を使用して「div」要素を取得します

      var box_div = container[index].getElementsByTagName('div');
      

      また

      var box_div = container[index].getElementsByClassName('box');
      
    2. div の最大高さを確認する

    3. 他のすべての div に最大の高さを設定します

于 2013-04-03T11:57:44.203 に答える