对removeNode方法的详细解释(附案例)

最新推荐文章于 2021-09-18 16:18:13 发布

转载最新推荐文章于 2021-09-18 16:18:13 发布 · 5.6k 阅读

前端开发专栏收录该内容

118 篇文章

订阅专栏

本文介绍了 HTML 中 removeNode() 方法的使用方式及其两种参数的区别。该方法可用于删除按钮元素，并可选择是否保留文本内容。通过两个示例展示了如何在不丢失文本与删除文本的情况下移除按钮。

<BODY text=#000000 vLink=#800080 aLink=#ff0000 link=#0000ff  bgColor=#99cccc>
        <CENTER>
            <H1>removeNode() Method</H1>
        </CENTER>
        <P>
        <CENTER>
            <BUTTON  单击事件=this.removeNode(false)>           

                Remove This Button,but keep the test
            </BUTTON>
        </CENTER>
        <P>
            <BUTTON 单击事件=this.removeNode(true)>

                Remove This Button and remove text
            </BUTTON>         
    </BODY>

说明：

1、this.removeNode(false)

表示将<BUTTON></BUTTON>标记删除，但保留"Remove This Button,but keep the test"文本，

文本的地位上升至<CENTER></CENTER>节点的子节点。

2、this.removeNode(true)

表示将<BUTTON></BUTTON>标记以及在标记之间的内容全部删除。