返回
nodelist
示例
var paragraphs = document.getElementByTagName('p');
登录后复制
上面的示例获取了当前文档中P元素集合的引用,并将其保存到变量>段落>中。返回的集合为live,这意味着它代表的HTML的更改立即反映在集合中,而无需再次检索。
也可以在上下文上使用此方法,以获取对特定元素内部元素的引用,例如:>
因此,如果该示例是UL元素,则
var items = list.getElementByTagName('li');
登录后复制
> list
> item变量将是指该列表中所有LI元素的集合。
>以文档中出现的线性顺序检索元素,即。它们对应于DOM的扁平视图。因此,如果在上一个示例中,列表与此html相对应:
>
返回的集合将按以下顺序:
<ul>
<li>Cheeses
<ul>
<li>Edam</li>
<li>Gouda</li>
<li>Cheddar</li>
</ul>
</li>
<li>Hams
<ul>
<li>Prosciutto</li>
<li>Parma</li>
<li>Salami</li>
</ul>
</li>
</ul>
登录后复制
[0]奶酪
[1] EDAM -
[2] gouda -
[3] Cheddar -
[4]火腿-
[5] prosciutto-
[6] Parma -
[7] salami-
- 参数
名称(DOMSTRING)
必需的
要匹配的元素的标签名。值 *匹配所有元素。
描述
获取具有给定标签名称的所有元素的有序列表,该元素是本文档或元素的后代,以它们出现在DOM树中的线性顺序。
返回的集合是一个节点 - 一个有序的节点集合,从零开始数字索引。如果没有匹配元素,则是一个零成员的集合。
>收集不是数组
即使一个集合看起来像一个数组,它也不是一个数组 - 尽管您可以遍历它并将其成员像数组一样参考,但您不能使用诸如推送或弹出的数组方法。>
返回值
一个包含所有匹配元素的节日式;如果找不到元素,这将是零成员的列表。
>常见问题(常见问题解答)关于getElementsbytagname方法>
> javaScript中的getElementsbybytagname方法是什么?
> getElementsBytagname方法是JavaScript中的一个功能强大的工具,可让您根据其标签名称访问和操作HTML元素。此方法返回具有给定标签名称的元素的实时htmlcollection。返回的集合是实时的,这意味着它会自动更新自动与DOM树保持同步。因此,DOM的更改将反映在集合中。getElementsBytaGname方法与其他DOM选择方法有何不同?
>与诸如getElementById或getElementsByClassName之类的方法不同,getElementsBytagName根据其标签名称选择元素,例如'P'for for'for'for'div'或'div''或'div''用于DIV标签。这使其成为选择相同类型的多个元素的多功能方法,而不是具有特定ID或类别的多个元素。
我可以在文档以外的其他元素上使用getElementsbytagname?你可以。虽然通常在文档对象上使用getElementsBytagname,但您也可以在任何元素节点上使用它。这使您可以将选择范围缩小到文档的特定部分。
>我如何从getelementsbytagname返回的集合中访问单个元素?
> getElementsBytaGname方法返回实时htmlcollection,哪个,哪个,哪个,是一个类似数组的对象。您可以使用括号符号在此集合中访问本集合中的各个元素,就像使用数组一样。例如,如果要访问第一个元素,则可以使用Collection [0]。>我可以在getElementsbytagname返回的集合上使用数组方法吗?
,而getElementsbyelementsbytybytagname返回的集合像数组一样,不是一个真正的数组。这意味着您不能直接使用诸如推送,弹出或切片之类的数组方法。但是,您可以使用array.from()或差异操作员(…)。
> getElementsbytagname返回的集合是live是什么意思?实时收集意味着它会自动更新以反映DOM的变化。如果从文档中添加或删除了元素,则该集合将更新以包含或排除这些元素。
我可以将getElementsBytagname与XML文档一起使用吗?
是的,您可以。 getElementsByTagname方法是W3C DOM核心的一部分,这意味着它适用于使用DOM的任何文档,包括XML文档。文档,getElementsbytagname方法对病例不敏感,这意味着您使用大写或小写字母都没关系。但是,在XML文档中,它对病例敏感。
>我可以使用getElementsbytagname在特定命名空间中选择元素吗?
>为此,您需要使用getelementsbythnamens方法,允许您要指定命名空间和本地名称。>我如何循环浏览返回的元素getElementsbytybytagname?>您可以使用for loop或for…of loop循环循环。请记住,该集合是现场直播的,因此,如果您要在循环中添加或删除元素,则可能需要考虑到这一点以避免出乎意料的结果。>
以上是getElementsBytaGname(W3C DOM CORE方法)的详细内容。更多信息请关注PHP中文网其他相关文章!