专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > WinRT Metro

创办删除节点

发布时间:2011-06-23 13:56:10 文章来源:www.iduyao.cn 采编人员:星星草
创建删除节点
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript" charset="utf-8" >

    function test()
    {
        //创建a元素 createElement(标签名)
        var myhref=document.createElement("a");
        myhref.id="myhref";//表示给创建的a元素添加id
        myhref.href="http://blog.sina.com.cn/wyhkli" //给a元素添加连接
        myhref.innerText="连接到我的博客";
        //appendChild() 向节点的子节点列表末尾添加新的子节点。
        //document.body.appendChild(myhref); //把新添加的这个节点也就是a元素添加到body里!body表示是新添加的a标签的父节点
        // 也可以指定添加到div里 id是唯一的可以直接用
        div1.appendChild(myhref); //表示div1是新添加的a标签的父节点
    }
    function delee()
    {
        //removeChild() 先取父节点然后从父节点的子节点列表中删除某个节点。
        //document.getElementById('div1').removeChild(document.getElementById('myhref'));
        // 也可以这样删除
        var node=document.getElementById('myhref');
        //parentNode 返回某个元素的父节点
        node.parentNode.removeChild(node);//表示返回node元素的父节点从父节点的子节点列表中删除node这个节点
    }

</script>
</head>
<body>
    <input type="button" name="" value="创建一个a标签" onclick="test()"><br/>
    <input type="button" name="" value="删除a标签" onclick="delee()"><br/>
    <div id="div1" style="width:200px;height:200px;background:green">

    </div>
</body>
</html>

 

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: