实例

用一个新项目替换列表中的某个项目:document.getElementById("myList").replaceChild(newnode,oldnode);替换之前:Coffee
Tea
Milk替换之后:Water
Tea
Milk

<body><ul id="myList"><li>Coffee</li><li>Tea</li><li>Milk</li></ul><p id="demo">点击按钮来替换列表中的首个项目。</p><button onclick="myFunction()">试一下</button><script>
function myFunction()
{var textnode=document.createTextNode("Water");
var item=document.getElementById("myList").childNodes[0];
item.replaceChild(textnode,item.childNodes[0]);
}
</script></body>

定义和用法

replaceChild() 方法用新节点替换某个子节点。

这个新节点可以是文档中某个已存在的节点,或者您也可创建新的节点

51. Element replaceChild() 方法相关推荐

  1. vue 报错unknown custom element解决方法

    vue 报错unknown custom element解决方法 参考文章: (1)vue 报错unknown custom element解决方法 (2)https://www.cnblogs.co ...

  2. Message:Unable to locate element 问题解决方法

    Message:Unable to locate element 问题解决方法 参考文章: (1)Message:Unable to locate element 问题解决方法 (2)https:// ...

  3. java中elements_Java Element.elements方法代碼示例

    本文整理匯總了Java中org.dom4j.Element.elements方法的典型用法代碼示例.如果您正苦於以下問題:Java Element.elements方法的具體用法?Java Eleme ...

  4. java getdocument_Java Element.getDocument方法代码示例

    import javax.swing.text.Element; //导入方法依赖的package包/类 /** * Writes out all empty elements (all tags t ...

  5. java中prtintln_Java Element.attributeValue方法代碼示例

    本文整理匯總了Java中org.dom4j.Element.attributeValue方法的典型用法代碼示例.如果您正苦於以下問題:Java Element.attributeValue方法的具體用 ...

  6. document,element,node方法

    document方法: getElementById(id)                             返回指定结点的引用 getElementsByTagName_r(name)    ...

  7. javascript 原生得到document.Element的方法

    今天这里写这个博客的主要目的是记录一下javascript原生的选择dom的集中方法. 1.document.getElementById.这个方法接收1个参数,就是DOM元素的id(区分大小写),这 ...

  8. TypeScript语法错误:Argument of type ‘string‘ is not assignable to parameter of type ‘Element‘. 解决方法

    问题描述 DOM插入元素节点报错. TypeScript语法错误: TS2345: Argument of type 'string' is not assignable to parameter o ...

  9. 解决Mac下pycharm不提示element.click()方法

    出现现象: 在pycharm使用pip安装selenium模块后引入,编写元素的click(),send_key()等方法时发现pycharm没有自动提示这些方法 产生原因: pycharm的安装目录 ...

  10. Element使用方法

    1.elment表格的一些操作方法 1.表格分页多选全功能 :row-key='getRowKey' const getRowKey = (row: any) => {return row.id ...

最新文章

  1. LeetCode 509. Fibonacci Number--Python解法
  2. java员工实体模型_Java持久性、db实体与其他模型之间的通信
  3. 【设计模式1】宏观总结
  4. linux 服务搜索顺序文件 /etc/nsswitch.conf 简介
  5. AI开发学习: 第一款AI药物诞生:英国公司“光速”制药碾压传统研发
  6. 快速实现一个分布式定时器
  7. 『设计模式』适配器模式(Adapter)
  8. 1TB存储版iPhone 13 Pro机型预计交付时间已被推迟至10月
  9. 记一次酷派尚锋Y75刷机
  10. spring mvc 总体概况
  11. JAVA CLASS混淆工具:RetroGuard(已无法下载)
  12. 计算机如何制作U盘启动盘,如何制作u盘启动盘三种方式教你
  13. 十四届全国大学生“恩智浦”杯智能汽车竞赛信标组总结(1)
  14. multisim虚拟电子实验室安装包及汉化包(百度网盘地址)
  15. android mvp知乎,安卓日记——MVP重构知乎日报
  16. 电脑从硬盘启动计算机,如何设置电脑从硬盘启动优先
  17. 乘风领航、耀世创新——DEFI平台Lizard打造数字金融新世界
  18. 计算机主板 上电顺序,笔记本电脑主板的上电过程
  19. 深度学习 (一)计算机如何处理和识别图片揭秘
  20. 854计算机基础——备考建议+近年考点汇总

热门文章

  1. ASP.Net MVC-Web API使用Entity Framework时遇到Loop Reference
  2. 隔行变色( 表格隔行变色 + LI 浮动隔行变色 )
  3. HTTP服务器状态代码定义
  4. 【译】成为明星数据科学家的13大技能
  5. 数据分析五板斧与里面的屠龙刀(下)
  6. mac下chrome浏览器设置ajax跨域调试
  7. 「Algospot」量化QUANTIZE
  8. java命令行导出、导入sql文件
  9. python文件处理小方法
  10. HDU 4122:Alice's mooncake shop RMQ(2011 Asia Fuzhou Regional Contest )