Question

@foreach ($getallDetials as $user)
  <pre>{{ print_r($user) }}</pre>
@endforeach

var tg = document.getElementsByClassName('row')[0];
for (var c = 0; c < ts.length; i++) var ch = document.getElementsByClassName('o,s,t');
for (var i = 0; i < ch.length; i++) {
  var mh = t g[c].firstChild.clientHeight;
  ch[i].style.height = m h + "px";
  if (tg[c].parentNode.tagName === "BODY") {
    ch[i].style.height = "auto";
    document.getElementById('demo').innerHTML = t g;
  }
}
}

.o {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  background-color: orange;
  display: inline-block;
}
.o,
.s,
.t {
  width: 100px;
  background-color: blue;
  display: inline-block;
}

我想更改<div class="row"> <div class="o">vzxvxzv</div> <div class="s">sdfs</div class="t">sdf <div></div> </div> <div class="o"></div> <p id="demo"></p>内的所有div与行row的高度相似如果firstchild在行外classes高度将自动。我的代码中的问题是什么，任何人都可以解释我也不想从css中更改它。

课程div和s应与t的身高相同。

Answer 1

你可以使用这个技巧：

var row = document.getElementsByClassName('row')[0];
var insideRow = row.childNodes;
for(var i = 1; i < insideRow.length; i++) {
  insideRow[i].style.height = insideRow[0].style.height; // set height of element 1..n of DIV 'row' to height of element 0 of DIV 'row'
}

Answer 2

document.getElementsByClassName不会以这种方式工作。 Documentation。

您可以使用document.querySelectorAll('.o,.s,.t') insteaad。

行内的所有div应该与行的第一个子节点的高度相同

2 个答案: