javascript在字符串中插入 js字符串添加元素_js 字符串替换


本篇文章主要讲的是关于节点(增加、删除、替换、合并、克隆)操作

增加元素

1、appendChild---在末尾添加子元素

用法:被添加的父元素.appendChild(想要添加的内容)

具体步骤

  1. 首先创建一个节点,
  2. 然后创建一个文本节点,
  3. 然后将文本节点添加到LI节点上。
  4. 最后将节点添加到列表中。

参考例子:

HTML DOM appendChild() 方法www.runoob.com


2、insertBefore---随机位置添加元素

用法:想要调整元素的父元素.insertBefore(想要调整的元素,调整到某一具体位置)

参考例子:

JavaScript 改变列表项的顺序 | 菜鸟工具c.runoob.com


javascript在字符串中插入 js字符串添加元素_HTML_02

节点关系示图----图片来源于高程三


替换元素

replaceChild:新的元素替换原来的元素,新节点可以已存在的或者是新创建的。

用法:替换节点位置.replaceChild(想要插入的对象,想要移除的对象)

参考例子:

HTML DOM replaceChild 方法www.runoob.com

移除元素

removeChild:移除想要移除的节点。

用法:父节点.removeChild(移除具体节点位置)

参考例子:

HTML DOM removeChild 方法www.runoob.com

PS:以上节点操作,必须要取到父元素。

克隆元素

cloneNode():克隆某一节点。值有两个true和false,true为深复制(包含子节点),false为浅复制(不包含子节点)。需要注意的,IE会复制节点的事件其它浏览器不会,所以得先移除事件。只复制特性和子节点。

拓展需要了解:normalize

创建元素节点内容

createTextNode:创建是一段文本内容,类型是字符串

用法:var txt=document.createTextNode("hello word");

创建元素标签

createElement:创建是一对元素标签,类型是字符串

用法:var element=document.createElement("div");

把文本节点插入元素

appendChild:把文本节点插入元素

用法:即将要插入内容的节点标签.appendChild(节点内容)

例如:element.appendChild("txt");

参考例子:

HTML DOM createTextNode() 方法www.runoob.com

合并元素

normalize:不存在一个空的文本节点,或者两个相邻的文本点

用法:插入内容的节点标签.normalize();

参考例子:

Node.normalize()developer.mozilla.org


javascript在字符串中插入 js字符串添加元素_javascript在字符串中插入_03


分割元素

splitText:不存在一个空的文本节点,或者两个相邻的文本点

用法:插入内容的节点标签.splitText(想要分隔的位置,数字类型);

参考例子:

XML DOM splitText() 方法www.runoob.com

特别需要注意的是:一般来说在日常项目当中,能少用JS对节点处得就少用一些.


暂时写到这里,后期会进行相应补充。如果网友有补充可以留言,或者私信。本文章来源于本人整理,可用于各种形式交流(需声明来源于此处)