Javascript和Jquery对DOM节点的文本创建、获取及操作

Javascript和Jquery对DOM节点的文本创建、获取及操

javascript和jquery获取，添加，删除等操作DOM节点，文本及属性 如：JS:atteibutes/firstChild/appendChild()/getAttribute()  JQ: attr()/next()/siblings()/append()/remove()等

一，Javascript  DOM节点及文本的获取，操作

<！ - 属性操作 - >

1.nodeName   节点名称
2.nodeValue    设置或返回指定节点的节点值
3.parentNode  以节点对象的形式返回指定节点的父节点
4.childNodes 节点的子节点集合
5.attributes 属性节点
6.nodeType 返回以数字值返回指定节点的节点类型节点是元素节点返回1.如果节点是属性节点返回2
7.firstChild 返回某个节点内第一个节点（处于同一树层级）DOM节点之间不能有空格
8.lastChild 返回某节点内部后一个节点（处于同一树层级）DOM节点之间不能有空格
9.nextSibling 报道查看某个节点下一个节点（处于同一树层级）DOM节点之间不能有空格
10.previousSibling 报道查看某个节点上一个节点同一树层级）DOM节点之间不能有空格
11.innerHTML   获取HTML

 

12.innerText  获取文本

 

<！ - DOM元素节点，文本获取，操作 - >

 

 

13.createElement() 创建DOM节点

 

 

14.createTextNode() 创建文本节点
15.appendChild() 插入子节点/文本（最后）
16.removeChild() 删除子节点/文本
17.replaceChild(newNode，y) 方法用于替换节点x.replaceChild（newNode， y）
18.replaceData(offset，length，string) 方法用于替换文本节点中的数据
19.insertBefore(newNode，y) 方法用于在指定的子节点之前插入节点.x.insertBefore（newNode，y）; x：父节点y：子节点
20.insertData(offset，string) 方法将数据插入已有的文本节点中

 

21.cloneNode() 方法有一个参数（真或假）。该参数指示被复制的节点是否包括原节点的所有属性和子节点

<！ - DOM属性节点，文本获取，操作 - >

22.getAttribute() 获取属性
23.removeAttribute() 删除属性

 

24. setAttribute()