javascript - 关于类的一个小问题,求解答?
问题描述
浏览器弹出的一直和书上的不一样,想不明白,按道理因该是弹出1才对,为什么我试了一下是0?
代码如下:
<!DOCTYPE html><html> <body> <p class='example'>123</p> <p class='example'>123</p> <p class='example'>123</p> <p>456</p> <p id='demo'></p><script> alert(document.getElementsByClassName('example').length); </script> </body></html>
问题解答
回答1:难道该不是3?
回答2:弹出来的是3,因为ClassName为example的元素有三个。
回答3:返回一个类似数组的对象,包含了所有指定 class 名称的子元素。当调用发生在document对象上时, 整个DOM都会被搜索, 包含根节点。你也可以在任意元素上调用getElementsByClassName() 方法,它将返回的是以当前元素为根节点,所有指定class名称的子元素。
你使用getElementsByClassName()选择类名为example的所有节点,弹出3是正确的
回答4:不应该是3么
回答5:3,ClassName为example的元素有三个。
回答6:弹出的答案是3,因为类名为example的有三个。
回答7:对不起,刚弄错了()里的是demo