javascript - getElementbyClassName 未显示

Question

我正在使用以下代码

<script type="text/javascript"> 
function getInfo() {
var myElement = document.getElementbyClassName("contentMiddle");
alert(myElement.ClassName)
}
</script>

当我现在点击按钮时：

<input onclick="getInfo" type="button" value="ClickMe" />

正文中是 div class="contentMiddle"> ，里面有一个表格。但是当我点击按钮时什么都没有显示。

Answer 1

应该getElementsByClassName 不是 getElementByClassName。即获取元素而不是元素。与元素类名的 id 不同，对于文档而言，类名不必是唯一的。可能有许多具有相同类名的元素，并且函数会返回所有元素。

它返回具有该类名的所有元素的数组。如果您需要访问某个元素，则需要使用索引。

<script type="text/javascript"> 
  function getInfo() {
      var myElements = document.getElementsByClassName("contentMiddle");
      if(myElements != null)
      {
          alert(myElements[0].className);
      }
      else
      {
          alert("No elements found !");
      }
  }
</script>

HTML：

<input onclick="getInfo()" type="button" value="ClickMe" />