Day 10

DOM树

节点关系

原生JS中的节点关系-childNodes

我为了好记叫（儿子数组）
任何节点都有childNodes属性，是一个类数组对象，存放着所有自己的儿子。
注意，这里有重大兼容性问题：空白文本现象 在不同浏览器childNodes 空白节点也被当做一个节点
结构

原生JS中的节点关系-parentNode

我为了好记叫（父亲数组）
注意 childNodes 儿子可以有很多 ，parendNode 父亲只能有1个

previousSibling、nextSibling

previousSibling、nextSibling
上一个同胞兄弟，下一个同胞兄弟。

节点属性

###DOM节点类型

nodeName

节点名称

nodeValue

节点值

tagName

标签名

文档的写入

​ 10.3.1 document.write()

​ 10.3.2 document.writeln()

查找元素

getElementById() **** 通过Id名查找

getElementsByTagName() *** 通过标签名查找

getElementsByName() 通过name属性查找

getElementsByClassName() **** 通过类名查找

元素内容

innerHTML
innertext
value

元素属性

getAttribute() 方法返回指定属性名的属性值。
setAttribute() 方法添加指定的属性，并为其赋指定的值。

添加和删除元素

****appendChild( ) — 添加子元素（父元素末尾）

removeChild(element) ---- 删除子元素