美文网首页DOM 对象
DOM HTML Collection

DOM HTML Collection

作者: Allenem | 来源:发表于2019-08-22 21:00 被阅读0次

DOMHTMLCollection

HTMLCollection 是 HTML 元素的集合。

HTMLCollection 对象类似一个包含 HTML 元素的数组列表。

getElementsByTagName() 方法返回的就是一个 HTMLCollection 对象。

CONTENT

属性 / 方法 描述
item() 返回 HTMLCollection 中指定索引的元素。
length 返回 HTMLCollection 中元素的数量。
namedItem() 返回 HTMLCollection 中指定 ID 或 name 属性的元素。

item

定义和用法

item() 方法返回 HTMLCollection 对象中指定索引位置的元素。

元素在 HTMLCollection 对象中的顺序与它们在文档源代码中出现的顺序一样,索引起始位置为 0。

也可以使用以下简写的方式,获取的结果是一样的:

var x = document.getElementsByTagName("P")[0];

语法

HTMLCollection.item(index)

或:

HTMLCollection[index]

length

定义和用法

length 属性返回 HTMLCollection 对象中元素的数量。

该属性是只读的。

该属性在循环 HTMLCollection 对象时很有用。

语法

HTMLCollection.length

namedItem

定义和用法

namedItem() 方法返回 HTMLCollection 对象中指定 ID 或 name 的元素。

也可以使用以下简写方式来获取:

var x = document.getElementsByTagName("P")["myElement"];

语法

HTMLCollection.namedItem(name)

或:

HTMLCollection[name]

参数说明:

参数 描述
name 必需,你要返回元素的 idname 属性的值。

相关文章

  • DOM HTML Collection

    DOMHTMLCollection HTMLCollection 是 HTML 元素的集合。 HTMLCollec...

  • HTML DOM

    HTML DOM 一、HTML DOM 节点 1.HTML DOM 节点 根据 W3C 的 HTML DOM 标准...

  • HTML DOM 事件

    HTML DOM 事件 HTML DOM 事件 HTML DOM 事件允许Javascript在HTML文档元素中...

  • HTML DOM结构

    HTML DOM 定义了访问和操作 HTML 文档的标准。 什么是 HTML DOM? HTML DOM 是: H...

  • HTML DOM

    一,DOM 简介 通过 HTML DOM,可访问 javascript HTML 文档的所有元素 HTML DOM...

  • DOM树

    1.HTML DOM HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达...

  • Javascript第五章window对象的事件常用方法第三课

    更多免费教学文章 请关注这里 HTML DOM Element 对象HTML DOM 节点在 HTML DOM (...

  • JavaScript HTML DOM

    JavaScript HTML DOM 通过 HTML DOM,可访问 JavaScript HTML 文档的所有...

  • 专辑篇:JS HTML DOM

    JavaScript HTML DOM 通过HTML DOM,可以访问JavaScript HTML文档的所有元素...

  • DOM轻松学习之旅(一)

    DOM简述 DOM 的作用 === 表示 HTML 文档 DOM 提供的 API === 查询,修改 HTML 文...

网友评论

    本文标题:DOM HTML Collection

    本文链接:https://www.haomeiwen.com/subject/ignosctx.html