关闭

js appendChild removeChild 添加 删除 子节点

396人阅读 评论(0) 收藏 举报
分类:
<!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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:15901次
    • 积分:227
    • 等级:
    • 排名:千里之外
    • 原创:3篇
    • 转载:27篇
    • 译文:0篇
    • 评论:0条
    文章存档