Javascript

DOM节点

2017-11-19  本文已影响0人  蘑菇酱960903

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

Comment类型

上一篇 下一篇

猜你喜欢

热点阅读