Range——删除和清空节点

来源:互联网 发布:精通matlab智能算法 编辑:程序博客网 时间:2024/05/07 06:43
<!DOCTYPE html>  <html>  <head>      <meta charset="utf-8" />      <title></title>  </head>  <body>  <div id="div"  style="width:500px;height:150px;background-color:pink"><div>oopop</div><div>那扇门被扭开了,瞬间,所有的气氛都变得温柔可爱了。像天使一样可亲的光芒射进雪儿的眼睛。洋洋洒洒的花瓣,如火,如蝶,从那个载满笑声的门里落下。</div></div><br><input type="button" onclick="onc(1)" value="删除div的内容"><input type="button" onclick="onc(0)" value="删除div节点"><br></body>               <script>  function onc(boo){var div= document.getElementById("div");var rangeobj=document.createRange();//创建节点对象if(boo==1){rangeobj.selectNodeContents(div);//获取div的节点对象,包括子节点rangeobj.deleteContents();//删除其里面的文字内容}else{rangeobj.selectNode(div);rangeobj.deleteContents();//删除节点}}</script>  </html>  

0 0
原创粉丝点击