JS替换节点

最新推荐文章于 2024-06-09 00:30:00 发布
最新推荐文章于 2024-06-09 00:30:00 发布
阅读量55 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/qiqiBoKe/archive/2013/04/16/3024559.html
版权

    <title></title>     <script type="text/javascript">

        function createNode() {             var pNode = document.createElement('p');             var tNode = document.createTextNode('烟花三月下杨州');             pNode.appendChild(tNode);             document.body.appendChild(pNode);         }

        function r() {             var pNode = document.createElement('p');             var tNode = document.createTextNode('故人西辞黄鹤楼');             pNode.appendChild(tNode);

            //获取要替换的节点             var reNode = document.getElementsByTagName('p')[0];             //这种方法只适用于IE浏览器             //reNode.replaceNode(pNode, reNode);

            //适用于各种浏览器             reNode.parentNode.replaceChild(pNode, reNode);         }

        function reNode() {             var oldNode = document.getElementsByTagName('p')[0];             //oldNode.parentNode返回的是p节点的父节点，这里就是body             //然后使用body节点的removeChild方法删除下的oldNode节点             oldNode.parentNode.removeChild(oldNode);

        }     </script> </head> <body>     <input id="Button1" type="button" value="创建节点" οnclick="createNode()"/>     <input id="Button2" type="button" value="替换节点" οnclick="r()" />     <input id="Button3" type="button" value="删除节点" οnclick="reNode()" /> </body> </html>

转载于:https://www.cnblogs.com/qiqiBoKe/archive/2013/04/16/3024559.html

weixin_30737363
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
(8)JavaScript DOM节点的替换
魚
11-25 937
节点的替换： replaceChild（）： 把一个给定父元素里的一个子节点替换成另外一个子节点 var reference = element.replaceChild（newChild，oldChild）； 该节点除了替换功能以外还有移动的功能 该方法只能完成单向替换，若需要使用双向替换，需要自定义函数 节点的替换 &lt;!DOCTYPE html&gt; &lt;html&gt; ...
js dom 节点双向替换
qq_45827064的博客
04-30 323
元素节点CRUD 属性节点CRUD 文本节点CRUD 属性节点双向替换 元素节点双向替换
js添加、删除 、替换节点
qq_52104411的博客
03-20 1967
1、添加几个按钮 <button onclick="add()">添加</button>/*onclick是鼠标事件，当鼠标单击时执行脚本*/ <button onclick="del()">删除</button> <button onclick="rep()">替换</button> <div> </div> 2、js部分 <script>
js中添加 删除 替换 插入节点所用的方法
m0_74359467的博客
12-12 518
等方法仅为示例，你需要根据实际情况来获取或创建相应的节点。需要注意的是，上述代码中的。
Javascript 替换节点详解
最新发布
大剑师兰特的GIS世界
06-09 913
在JavaScript中，替换节点是指将DOM树中的某个节点用另一个新节点替换的操作。这一功能对于动态修改页面内容、实现复杂的UI交互非常有用。以下是关于替换节点的详细说明、示例代码、注意事项以及应用场景。
js删除/替换节点
cheng_cuo_tuo的博客
01-26 2789
&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;style type="text/css"&gt; div { margin: 1em; } #red{ borde
javaScript(JS)替换节点实现思路介绍
10-27
总结一下，JavaScript中替换节点的关键步骤如下： 1. 创建新节点：使用`document.createElement()`创建需要插入的新元素。 2. 准备新节点：如果需要，可以使用`document.createTextNode()`创建文本节点并用`...
javascript Firefox与IE 替换节点的方法
10-29
### JavaScript 中 Firefox 与 IE 替换节点的方法 在 Web 开发中，DOM（文档对象模型）操作是一项基本技能，特别是在动态更新页面内容时尤为重要。本文将深入探讨如何在不同的浏览器环境中（特别是 Firefox 和 ...
JS实现添加,替换,删除节点元素的方法
10-22
**替换节点元素**：要替换DOM中的节点，可以使用`replaceChild`方法。这个方法需要两个参数：第一个是要插入的新节点，第二个是需要被替换的旧节点。使用此方法时，首先需要找到旧节点和其父节点，然后使用`...
示例6：删除和替换节点.rar_删除和替换节点
09-20
删除和替换节点是DOM操作中的基本操作，它们允许我们动态地更新页面内容。本示例将深入探讨如何使用JavaScript实现这两个功能。 一、删除节点 1. `removeChild()` 方法：此方法接受一个子节点作为参数，然后将其从...
js 字符串替换_javascript节点（增加、删除、替换、合并、克隆）操作
weixin_39962675的博客
12-03 407
本篇文章主要讲的是关于节点（增加、删除、替换、合并、克隆）操作增加元素1、appendChild---在末尾添加子元素用法：被添加的父元素.appendChild(想要添加的内容)具体步骤首先创建一个节点，然后创建一个文本节点，然后将文本节点添加到LI节点上。最后将节点添加到列表中。参考例子：HTML DOM appendChild() 方法​www.runoob.com2、insertBefor...
JavaScript HTML DOM replaceChild替换子节点
编程界明世隐的博客
12-16 2044
目录 语法： 1.用已有的节点去替换 2.用新创建的节点去替换 replaceChild方法用新节点（新创建的节点或者已经存在的节点）替换某个子节点。 语法： replaceChild(newnode,oldnode); ​​​​​​​ newnode 新节点oldnode 要替换的节点 1.用已有的节点去替换 <!DOCTYPE html> <html> <head> <meta http-...
添加、删除、替换、插入到某个节点的方法（js、jq）
weixin_42855542的博客
11-04 9889
首先说下，具体用得到的方法： js： appendChild() //添加 removeChild() //删除节点 insertBefore（插入节点，被插节点） //插入（前插后） replaceChild（新节点,旧节点） //替换（前替换后） jq： append() （旧节点添加新节点后面） appendTo() （新节点添加到旧节点后面） prepend() （旧节...
关于js节点的删除，添加和替换
weixin_45799573的博客
12-21 552
关于js节点的删除，添加和替换 本次主要的知识点 节点的创建：createElement() createTextNode() appendChild() 节点的删除: removeChild() 节点的替换 : replaceChild() 给节点添加ID属性 setAttribute() 参数1：什么属性 参数2：属性值 节点与节点的关系： 案例的主要功能 1....
JS-DOM对象 替换节点与克隆节点
weixin_45768979的博客
12-20 1678
JS-DOM对象 替换节点 替换节点: 父节点.replaceChild(节点1,节点2) 节点1:是新节点 节点2:老节点 返回值被替换额节点 如果新节点为父节点中已有节点,效果为老节点删除,被替换成为新节点 <!DOCTYPE html> <html> <head> <meta charset="utf-8">...
原生js节点元素替换
sinat_39139458的博客
02-28 1065
HTML部分 <table> <tr> <td class="d"> 1231 </td> <td class="a"> <input type="text" value="1"> </td> <td class="b"> <input...
15.请写出JavaScript创建节点，操作节点，替换节点，删除节点的语法？
03-31
替换节点： parentNode.replaceChild(newNode, oldNode) // 用newNode节点替换oldNode节点 删除节点： 1. node.parentNode.removeChild(node) // 删除node节点 2. node.remove() // 从DOM中删除该节点
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值