现在的位置: 首页 > 综合 > 正文

Node节点的添加、替换和删除

2013年05月22日 ⁄ 综合 ⁄ 共 1094字 ⁄ 字号 评论关闭

 <script type="text/javascript">
        function addnode() {
            var pnode = document.createElement('p');
            var tnode = document.createTextNode('烟花三月下扬州');
            pnode.appendChild(tnode);
            document.body.appendChild(pnode);
        }
        function replacenode() {
            var pnode = document.createElement('p');
            var tnode = document.createTextNode('故人西辞黄鹤楼');
            pnode.appendChild(tnode);
            //获取要替换的p节点
            var oldnode = document.getElementsByTagName('p')[0];
            //有限制此方法:oldnode.replaceNode(pnode, oldnode);
            oldnode.parentNode.replaceChild(pnode, oldnode);
        }
        function removenode() {
            var oldnode = document.getElementsByTagName('p')[0];
            //oldnode.parentNode返回的是p节点的父节点,这里就是body,然后使用body节点的removeChild方法删除其下面的pnode节点
            oldnode.parentNode.removeChild(oldnode);
        }
    </script>
</head>
<body>
    <input id="Button1" type="button" value="添加节点" onclick="addnode()"/>
    <input id="Button2" type="button" value="替换节点" onclick="replacenode()"/>
    <input id="Button3" type="button" value="删除节点" onclick="removenode()"/>
</body>

抱歉!评论已关闭.