1.DOM操作内容 1.innerText属性 document.getElementById("box").innerText; //获取文本内容（如有html直接过滤掉）document.get
1.DOM操作内容
1.innerText属性
document.getElementById("box").innerText; //获取文本内容（如有html直接过滤掉）document.getElementById("box").innerText="Mr.Lee"; //设置文本（如有html转义）
<!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>
http://www.baoqianduan.com/demo/nav/
