HTML DOM 属性 对象

HTML DOM 属性 对象
2021年08月19日16:29:22 0 354

HTML DOM 属性 对象

 

HTML DOM 节点

在 HTML DOM (Document Object Model) 中, 所有的都是 节点:

  • 文档是文档节点

  • 所有 HTML 元素是元素节点

  • 所有 HTML 属性都是属性节点

  • 插入到 HTML 元素中的文本为文本节点

  • 注释是注释节点

    HTML DOM 属性 对象

Attr 对象

在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。

HTML属性总是属于HTML元素。


NamedNodeMap 对象

在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的节点列表。

我们可通过节点名称来访问 NamedNodeMap 中的节点。

浏览器支持

HTML DOM 属性 对象

HTML DOM 属性 对象

HTML DOM 属性 对象

HTML DOM 属性 对象

HTML DOM 属性 对象

所有主流浏览器都支持 Attr 对象和 NamedNodeMap 对象。

<h2属性和方法< h2="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">

属性 / 方法 描述
attr.isId 果属性是 ID 类型,则 isId 属性返回 true,否则返回 false。
attr.name 返回属性名称
attr.value 设置或者返回属性值
attr.specified 如果属性被指定返回 true ,否则返回 false
   
nodemap.getNamedItem() 从节点列表中返回的指定属性节点。
nodemap.item() 返回节点列表中处于指定索引号的节点。
nodemap.length 返回节点列表的节点数目。
nodemap.removeNamedItem() 删除指定属性节点
nodemap.setNamedItem() 设置指定属性节点(通过名称)

DOM 4 警告 !!!

在 W3C DOM 内核中, Attr (属性) 对象继承节点对象的所有属性和方法 。

在 DOM 4 中, Attr (属性) 对象不再从节点对象中继承。

 

从长远的代码质量来考虑,在属性对象中你需要避免使用节点对象属性和方法:

属性 / 方法 避免原因
attr.appendChild() 属性没有子节点
attr.attributes 属性没有属性
attr.baseURI 使用 document.baseURI 替代
attr.childNodes 属性没有子节点
attr.cloneNode() 使用 attr.value 替代
attr.firstChild 属性没有子节点
attr.hasAttributes() 属性没有属性
attr.hasChildNodes 属性没有子节点
attr.insertBefore() 属性没有子节点
attr.isEqualNode() 没有意义
attr.isSameNode() 没有意义
attr.isSupported() 通常为 true
attr.lastChild 属性没有子节点
attr.nextSibling 属性没有兄弟节点
attr.nodeName 使用 attr.name 替代
attr.nodeType 通常为 2 (ATTRIBUTE-NODE)
attr.nodeValue 使用 attr.value 替代
attr.normalize() 属性没有规范
attr.ownerDocument 通常为你的 HTML 文档
attr.ownerElement 你用来访问属性的 HTML 元素
attr.parentNode 你用来访问属性的 HTML 元素
attr.previousSibling 属性没有兄弟节点
attr.removeChild 属性没有子节点
attr.replaceChild 属性没有子节点
attr.textContent 使用 attr.value 替代

如您还有不明白的可以在下面与我留言或是与我探讨

 

打赏 点赞(0)
weinxin
投诉建议
文章名+链接地址,发送到此微信:tourism52
猜您今天喜欢
猜您
喜欢
历史上的今天
05月
22
javascript,教程 菜鸟教程

JavaScript 教程

JavaScript 教程JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript。JavaScript 非常容易学。本教程将教你学习从...
PHP,从,入门,到,精通,学习,路线图,PHP,从,入门, 菜鸟教程

PHP从入门到精通学习路线图

PHP从入门到精通学习路线图 今天扣丁学堂PHP培训小编和大家分享一下PHP从入门到精通学习路线图,对PHP开发感兴趣的小伙伴可以参考如下的PHP从入门到精通学习路线图来考虑一下如...
DTD,简介,DTD,简介,文档,类型,定义,可定义,合法, 菜鸟教程

DTD 简介

DTD 简介 文档类型定义(DTD)可定义合法的XML文档构建模块。它使用一系列合法的元素来定义文档的结构。 DTD 可被成行地声明于 XML 文档中,也可作为一个外部引用。 内部...
数组,运算符 菜鸟教程

数组运算符

数组运算符数组运算符例子名称结果$a + $b联合$a和$b的联合。$a == $b相等如果$a和$b具有相同的键/值对则为 TRUE。$a === $b全等如果$a和$b具有相同...
用户,自定义,函数 菜鸟教程

用户自定义函数

用户自定义函数一个函数可由以下的语法来定义: Example #1 展示函数用途的伪代码<?phpfunction foo($arg_1, $arg_2, /* ....
WML,格式化,WML,格式化,Deck,和,Card,页面,通常, 菜鸟教程

WML 格式化

WML 格式化 Deck 和 Card WML 页面通常称为 deck。每个 deck 含有一系列的 card。card 元素可包含文本、标记、链接、输入字段、task、图像等等。...
numpy,实现,图像,拼接 菜鸟教程

Numpy实现图像拼接~

本文讲述如何使用Numpy库进行图像拼接,Numpy库是Python科学计算方面非常重要也是非常强大的库。使用numpy库来对图像进行处理,使用matplotlib.pyplot的...

Comment list 共有 0 条评论

暂无评论