【笔记】 《js权威指南》- 第15章 脚本化文档 - 15.3 - 15.4

1.文档结构和遍历：

(1).作为节点树的文档：

(2). 作为元素树的文档：

忽略Text和Comment类型的节点：

(3).一些工具函数：

//获取元素的第N个父级节点function parent(e, n) {if (n === undefined) n = 1;while(n-- && e) e = e.parentNode;if (!e || e.nodeType !== 1) return null;return e;}//获取元素的第n个兄弟元素function sibling(e, n) {while(e && n !== 0) {if (n > 0) {if (e.nextElementSibling) e = e.nextElementSibling;else {for (e = e.nextSibling; e && e.nodeType !== 1; e = e.nextSibling) ;}n--;}else {if (e.previousElementSibling) e = e.previousElementSibling;else {for (e = e.previousSibling; e && e.nodeType !== 1; e = e.previousSibling) ;}n++;}}return e;}//获取e的第n代子元素function child(e, n) {if (e.children) {if (n < 0) n += e.children.length;if (n < 0) return null;return e.children[n];}if (n >= 0) {if (e.firstElementChild) e = e.firstElementChild;else {for (e = e.firstChild; e & e.nodeType !== 1; e = e.nextSibling) ;}return sibling(e, n);}else  {if (e.lastElementChild) e = e.lastElementChild;else {for (e = e.lastChild; e & e.nodeType !== 1; e = e.previousSibling) ;}return sibling(e, n + 1);}}

2. 属性：

(1). 获取和识别非标准的html属性：

getAttribute(), getAttributeNS(), setAttribute(), setAttributeNS(), hasAttribute(), hasAttributeNS(), removeAttribute(), removeAttributeNS();

(2). 数据集属性：

在标签中使用data-前缀命名一个合法属性名，通过元素的dataset属性可以访问他们，

e.g data-jquery-test 对应 dataset.jqueryTest

(3).attributes只读属性：

doucment.body.attributes[0];document.body.attributes.bgcolor;document.body.attributes["ONLOAD"];