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()