getElementsbyClassName 未显示 [重复]答案

【问题标题】：getElementbyClassName not shown [duplicate]getElementsbyClassName 未显示 [重复]
【发布时间】：2013-09-22 17:58:52
【问题描述】：

我正在使用以下代码

<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"> 里面有一个表格。但是当我点击按钮时什么都没有显示。

【问题讨论】：

它返回元素数组并且不跨浏览器兼容
函数名getElement[s][B]yClassName也有错误
是getElementsByClassName
还有myElement.className。
始终打开控制台（在大多数浏览器上为 f12）并查看错误。您会注意到 getElementByClassName 是未定义的方法。 getElementsByClassName 是您需要的

标签： javascript

【解决方案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" />

【讨论】：

谢谢，但还是不行。
不工作是什么意思？它提醒你什么？
@Kaf，这对教学没有帮助。如果我是你，我早就放弃了。
谢谢kaf，给自己一个冰淇淋gdoron...
@user2800148，你不明白，只有自学，如果你一直来这里询问，你就会学到（就像你在这里犯了4-5个错误一样）你永远学不会。这就是我们所说的what have you tried，它真的是为了你好。