DOM节点
document.createElement() //新建元素节点
document.createTextNode() //新建文本节点
elem.setAttribute(“filed”,"value") //设置元素属性
parent.appendChild(node); //在parent中添加子节点node
parent.insertBefore(newnode,existingNode) //在existingNode前添加newnode节点
parent.firstChild //第一个子节点
parent.lastChild //最后一个子节点
parent.childNodes //返回所有子节点(NodeList对象),在ie8-中子节点不包括文本节点,其他浏览器包括。
Node类型
Document类型
Element类型
Text类型
<div id="test">text</div>
console.log(test.nodeType); //3
console.log(test.nodeName); //#text
console.log(test.nodeValue); // text
console.log(test.parentNode); //div
console.log(test.childNodes); //[]
一、属性
1.nodeValue属性&data属性都可以访问Text文本中的值,这两个属性包含的值相同
console.log(test.nodeValue,test.data,test.nodeValue==test.data); //text text true
2.length 字符的数目
二、操作方法 [offset从0开始计算]
1.appendData(text) 在末端添加text到文本。
test.appendData(" add test");
console.log(test.nodeValue); //text add test
2.deleteData(offset,count) 从offset指定位置开始删除count个字符。
test.deleteData(1,1);
console.log(test.nodeValue); //txt add test
3.insertData(offset,text) 从offset指定位置插入text。
test.insertData(1,"e");
console.log(test.nodeValue); //text add test
4.replaceData(offset,count,text) 用text替换从offset指定位置到offset+count的文本。
test.replaceData(1,5," replaceText ");
console.log(test.nodeValue); //t replaceText dd test
5.splitText(offset) 从offset指定的位置(不包括)将当地文本节点分成两个文本节点,父节点的文本节点增多一个。
console.log(test.splitText(5)); //laceText dd test
console.log(Test.childNodes); //(2) [text, text] text.data = t rep; text.data = t replaceText dd test;
6.substringData(offset,count) 提取从offset指定的位置开始到offset+count为止的字符串,原文本内容不会影响。
console.log(test.substringData(2,2)); //re