首页 > 代码库 > 全栈JavaScript之路（十一）学习 Attr 类型 节点

全栈JavaScript之路（十一）学习 Attr 类型 节点

2024-07-10 23:07:16   225人阅读

元素的特性在DOM 中用Attr 类型的节点表示。在所有浏览器中都可以访问 Attr 类型的构造函数与原型。

从技术上讲，Attr 类型节点 就是指，元素的 Attrbutes 属性 中的节点。构造器函数为; function Attr() { [native code] }

尽管 也是称之为节点，但是：Attr 类型的节点不是文档树的一部分！


Attr 类型 节点 的特性：

  • nodeType:2
  • nodeName: 值为特性的名称
  • nodeValue: 值为特性的值
  • prasentNode:null
  • HTML中，不支持子节点
  • XML中，支持 Text 以及 EntityReference  两种类型节点。



操作Attr 类型节点最常用的三个方法;

  • getAttribute()
  • setAttribute()
  • removeAttribute()

另外还有，getAttributeNode(),setAttributeNode(),removeChild()


Attr 类型节点 有三个属性; name, value (值等同 nodeValue),specified( specified 是一个布尔值，用以区别特
性是在代码中指定的，还是默认的。)


创建 Attr 类型节点 document.createAttribute() ,创建之后 只能使用 el.setAttribute(),方法将特性添加到元素。

var arr = document.createAttribute('align';)
arr.value = http://www.mamicode.com/"center";>
不建议直接访问特性节点。最好通过上面介绍的方法访问属性节点。

还有一点要注意: 直接给DOM 添加属性，不会成为html 元素的特性。
div.mycolor = "red"; //不会成为 该 div 元素的 特性.
alert(div.getAttribute("mycolor")); //null（IE 除外）


联系
我们