getElementsbyClassName未显示

Question

我使用以下代码

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

当我点击按钮时：

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

在body中是div class =“contentMiddle”＆gt;里面有一张桌子。但是当我点击按钮时没有显示任何内容。

Answer 1

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

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

<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" />