获取所有指定类名的元素:getElementsByClassName 注意是带s的

发布时间 2023-11-16 11:09:26作者: 龙陌

下列不属于javascript中查找元素的方法的是()
A
getElementByClassName()

B
getElementsByTagName()

C
getElementById()

D
getElementsByName()

正确答案:A

选择A 错在Elements。因为这个方法可以返回一组节点。

A. 获取所有指定类名的元素:getElementsByClassName
var x = document.getElementsByClassName("example");

 定义和使用

getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
提示: 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。

B getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

 语法

document.getElementsByTagName(tagname)
说明
getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

   如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。           

C getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

 语法

document.getElementById(id)
说明
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。
不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById()。
在操作文档的一个特定的元素时,最好给该元素一个 id 属性,为它指定一个(在文档中)唯一的名称,然后就可以用该 ID 查找想要的元素。

D getElementsByName() 方法可返回带有指定名称的对象的集合。

 语法

document.getElementsByName(name)
该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。
另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。