在Materialize CSS中为图像赋予与其旁边的文本块相同的高度

<div class="row">
  <div class="col s6">
    <img src="image.jpg" alt="Image" class="responsive-img">
  </div>
  <div class="col s6">
    <p>Text block</p>
  </div>
</div>

<div class="row">
  <div class="col s6">
    <img src="image.jpg" alt="Image" class="responsive-img">
  </div>
  <div class="col s6">
    <p>Text block</p>
  </div>
</div>

<div class="row">
  <div class="col s6">
    <img src="image.jpg" alt="Image" class="responsive-img" id="image">
  </div>
  <div class="col s6">
    <p id="text">Text block</p>
  </div>
</div>

<script>
  var imageHeight = document.getElementById("image").offsetHeight;
  var textHeight = document.getElementById("text").offsetHeight;
  
  if (imageHeight > textHeight) {
    document.getElementById("text").style.height = imageHeight + "px";
  } else {
    document.getElementById("image").style.height = textHeight + "px";
  }
</script>