分享更有价值
被信任是一种快乐

javascript如何替换节点

文章页正文上

这篇文章给大家分享的是有关javascript如何替换节点的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 在JavaScript中,可以利用replaceChild()方法替换节点,该方法的作用就是可将某个子节点替换为另一个,新节点可以是已存在的,或者是新创建的,语法为“node.replaceChild(newnode,oldnode)”。本教程操作环境:windows10系统、javasc免费云主机、域名ript1.8.5版、Dell G3电脑。javascript如何替换节点JavaScript replaceChild() 方法可以将某个子节点替换为另一个。用法如下:其中参数 new_node 为指定新的节点,old_node 为被替换的节点。如果替换成功,则返回被替换的节点;如果替换失败,则返回 null。示例1以上示例为基础重写脚本,新建一个二级标题元素并替换掉红色盒子中的一级标题元素。演示发现,当使用新创建的二级标题替换一级标题之后,原来的一级标题所包含的标题文本已经不存在了。这说明替换节点的操作不是替换元素名称,而是替换其包含的所有子节点以及其包含的所有内容。同样的道理,如果替换节点还包含子节点,则子节点将一同被插入到被替换的节点中。可以借助 replaceChild() 方法在文档中使用现有的节点替换另一个存在的节点。示例如下:
单击按钮替换列表中的第一项。首先创建一个文本节点。
然后替换第一个列表中的第一个子节点。注意:这个例子只将文本节点的文本节点“Coffee”替换为“Water”,而不是整个LI元素,这也是替换节点的一种备选。输出结果:
点击按钮后:感谢各位的阅读!关于“javascript如何替换节点”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

相关推荐: html5的viewport如何使用

这篇文章主要介绍了html5的viewport如何使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇html5的viewport如何使用文章都会有所收获,下面我们一起来看看吧。 代码如下: content=” height = […

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册