Question

我试图通过使用getElementsByClassName来获取网页的元素。我输入了firebug控制台

getElementsByClassName('classname');

并以

返回

ReferenceError: getElementsByClassName is not defined

我在this page中读到firefox支持getElementsByClassName。我已经更新了firefox。为什么我收到此错误？

Answer 1

您需要使用正确的格式。它是document对象的一种方法。

document.getElementsByClassName('classname');

Answer 2

就像这样：

document.getElementsByClassName('yourClassName')

Answer 3

如果它是window对象的方法，那么您可以直接调用这些方法，如：

console.log()

但如果它是任何其他对象的方法，则必须调用object.methodName（）之类的方法由于getElementsByClassName是document对象的方法，因此您必须将其称为

document.getElementsByClassName('classname')

Answer 4

尝试这样的事情

  document.getElementsByClassName('test');
  rootElement.getElementsByClassName('names');

Answer 5

简单就是那个

<div class="myclass"></div>
<div clsss="myclass"></div>

var classElementArray=document.getElementsByClassName('myclass')

Answer 6

JS：

 window.onload=function() {
      var holder =  document.getElementsByClassName('holder');

        for (var i=0; i<holder.length; i++) { 
            holder[i].innerHTML='<span>' + holder[i].className + '</span> ';
        }
    }

HTML：

<div class="box">
    <div class="holder">

    </div>
</div>

您可以通过链接转发：

http://jsfiddle.net/QP3Ky/

为什么getElementsByClassName在Mozilla中不起作用？

6 个答案: