节点 = 元素 = 每一个html标签
节点：文档节点、元素节点、属性节点、文本节点、注释节点
一、元素节点的属性
1)element.id：设置或返回元素的id
2)element.className：设置或者返回元素的类
3)element.title：设置或者返回元素的title
4)element.nodeType：返回节点的类型，1表示元素，2表示属性，3表示文本，
5)element.childNodes：返回元素的子节点的nodelist对象
nodelist类似于数组，有length属性，可以使用方括号 [index] 访问指定索引的值(也可 以使用item(index)方法)。但nodelist并不是数组。
6)element.parentNode：返回元素的父节点
7)element.firstChild：返回元素的第一个子节点
8)element.lastChild：返回元素的最后一个字节点
9)element.previousSibling：返回元素的同级的前一个节点
10)element.nextSibling：返回元素的同级的后一个节点
11)element.innerHTML：返回元素内部的html
12)element.innerText：返回元素内部的文本
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>元素节点</title>
</head>
<body>
<div id="myid" class="myclass" title="头"><span>天生我才必有用</span></div>
</body>
</html>
二、元素节点的方法
1)element.appendChild()：首先创建元素节点或者文本节点，然后添加
2)element.insertBefore(innerNode,appointedNode)：在指定的节点前添加新节点
3)element.removeChild()：移除节点，
移除的节点虽然不在文档树中了，但其实还在内存中，可以随时被引用
4)element.replaceChild(newNode,replaceNode)：指定新元素，指定取代的元素
5)element.getAttribute(pare)返回元素的指定属性的值
6)element.setAttribute("key","value")：设置属性的值
7)element.removeAttribute("pare")：删除属性值
8)element.hasAttribute("pare")：存在返回true，不存在返回false
9)element.setAttributeNode()：修改指定属性节点
10)element.getAttributeNode(para)：返回指定的属性节点
11)element.getElementsByTagName("para")：返回拥有指定标签名的所有子元素的集合，nodelist
12)nodelist.item()：返回nodelist中位于指定下标的节点
232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
