1.DOM操作内容
1.innerText属性
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="t1" class="c1" > <span> span1111111 </span> <p>2222222</p> </div> <input type="button" id="btn" value="点击" /> </body> </html> <script type="text/javascript"> //1:元素节点 2：属性 3：文本 //两个元素之间如果没有文本 就有一个空白 var t1=document.getElementById('t1'); var span=t1.getElementsByTagName('span'); //alert(t1.childNodes\[0\].nodeValue.match(/^\\s+$/)) function glkg(nodes){ var arr=\[\]; var reg=/^\\s+$/; for (var i = 0; i < nodes.length; i++) { if(nodes\[i\].nodeType==3&®.test(nodes\[i\].nodeValue)){ continue; } arr.push(nodes\[i\]) } return arr; } var nodes=glkg(t1.childNodes) //alert(nodes\[0\].innerText) var n1=nodes\[0\].cloneNode(true); //插入节点 子节点 兄弟节点 var span1=document.createElement('span'); var text=document.createTextNode('span22222'); span1.appendChild(text); //t1.appendChild(span1)//添加子节点 //t1.insertBefore(span1,span\[0\])//添加兄弟节点 //alert(span\[0\].nextSibling) function inafter(fu,newnode,n){ return fu.insertBefore(newnode,n.nextSibling); } inafter(t1,n1,span\[0\]); </script>1document.getElementById("box").innerText; //获取文本内容（如有html直接过滤掉） 2document.getElementById("box").innerText="Mr.Lee"; //设置文本（如有html转义）