Node接口本身有一个attributes属性,并且所有类型的节点都继承了该属性。但是,事实上只有Element类型的节点才能有属性。Element节点的attibutes属性类型为NamedNodeList。NamedNodeMap可以通过数字和名字索引节点。
NamedNodeMap具有以下几个常用的方法:
1.getNamedItem(name):根据name获取属性节点。
2.setNamedItem(node):将节点添加进NamedNodeMap中,并且按照name索引。
3.removeNamedItem(name):删除name对应的节点
4.item(pos):类似于NodeList中的item()方法,通过节点的索引位置查找节点。
上述方法返回的都是一个Attr类型的节点,也就是Node.ATTRIBUTE_NODE。NamedNodeMap具有一个length属性表示其中包含几个元素。
但是考虑到上述方法过于累赘,DOM还定义了三个方法来操作属性:
getAttribute(name):通过name获取属性值
setAttribute(name,newValue):设置属性值
removeAttribute(name):删除属性
根据上面说的,我写了点测试代码:
<html>
<head>
<title></title>
<script type="text/javascript">
var oHtml = document.documentElement;
var oBody = oHtml.lastChild;
var oP = oBody.lastChild;
var oId = oP.getAttribute("id");
alert(oId);
</script>
</head>
<body>
<p style="color:red" id="pId"></p>
</body>
</html>
事实上,不管IE8、Chrome还是Firefox都没办法取到<p>的id属性值。这一点很是困惑。。。
参考书目:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。
分享到:
相关推荐
从菜鸟教程上学习的关于js的学习笔记,可以用于参考学习使用,脑图样式,浏览更方便,有需要的同学可以带走
比较详细的javascript DOM 学习笔记第1 2页.docx
前端学习(六)——javascript学习笔记(四)HTML DOM.xmind
韩顺平js-DOM学习笔记
javaScript DOM编程艺术2版学习笔记(1~9)章
JavaScript DOM编程艺术(中文第二版)学习笔记
JavaScript_DOM编程 DOM 的常用方法属性 经典实例 浏览器兼容处理
详细的javascript学习笔记,DOM,BOM,AJAX等详细笔记!
JavaScript学习基础知识,对你一定有帮助!!
一、DOM基础1.节点(node)层次Document--最顶层的节点,所有的其他节点都是附属于它的。DocumentType--DTD引用(使用<!DOCTYPE>语法)的对象表现形式,它不能包含子节点。DocumentFragment--可以像Document...
javascript 数组 DOM BOM简单学习总结
主要介绍了JavaScript学习笔记之DOM操作,结合实例形式分析了javascript针对dom元素的获取、设置相关操作常用函数使用技巧,需要的朋友可以参考下
JavaScript HTML CSS DOM 学习笔记 自学笔记 仅供参考
javascript中与DOM相关的一些知识点的简要整理,个人学习笔记
韩顺平老师的javascript之dom编程的笔记
本文实例讲述了JavaScript DOM基础操作。分享给大家供大家参考,具体如下: 一、子节点 1、元素节点、文本节点 实例01 html <body> 文本节点1 <li></li> 文本节点2<li></li> 文本节点3<li></li> 文本节点4...
javascript为DOM绑定事件 兼容 学习笔记
DOM对象是与语言无关的API,意味着它的实现并不是与javascript绑定,这在于初学者来说可能会理解错误。DOM是针对XML的基于树的API,它关注的不仅仅是解析XML代码,而是用一系列相互关联的对象来表示这些代码,而这些...
如果父节点没有子节点, 则firstChild和lastChild都为nullparentNode 父节点previousSibling 第一个节点的previ