js appendChild removeChild 添加 删除 子节点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GBK">
<title>js appendChild removeChild 添加 删除 子节点</title>
<script type="text/javascript">
function createSpan(){
    var span=document.createElement("span");
        span.innerHTML="子节点";
   document.getElementById("content").appendChild(span);
} 
function deleteSpan(){
     var content=document.getElementById("content");
   //var childs=content.childNodes;//ie 和ff 获取子节点不一致(ff会将TEXT_NODE计入在内)
     var childs=content.getElementsByTagName("span"); 
       if(null!=childs){
          content.removeChild(childs[childs.length-1]);
       }
}
</script>
</head>
<body>
<div id='content' style='background-color:#ff0000'>
<span>节点</span>
</div>
<input type='button' onclick="createSpan()" value="创建节点"/>
<input type='button' onclick="deleteSpan()" value="删除节点"/>
</body>
</html>

阅读更多
个人分类: js相关技术问题
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

js appendChild removeChild 添加 删除 子节点

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭