Javascript 插入节点insertBefore()

简介: Javascript 插入节点insertBefore()

insertBefore()方法可在已有的子节点前插入一个新的子节点。


语法:


insertBefore(newnode,node);


参数:


newnode: 要插入的新节点。

node: 指定此节点前插入节点。

我们在来看看下面代码,在指定节点前插入节点。


2466108-222463cf33e6c5b8.webp.jpg


运行结果:


This is a new p
JavaScript
HTML


注意:


otest.insertBefore(newnode,node);也可以改为: otest.insertBefore(newnode,otest.childNodes[0]);

目录
相关文章
|
2月前
|
前端开发 JavaScript 区块链
连接区块链节点的 JavaScript 库 web3.js
连接区块链节点的 JavaScript 库 web3.js
30 2
|
1月前
|
JavaScript 前端开发
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
用JavaScript正则表达式匹配对应字符串高亮显示,并过滤掉空格、<、>等HTML节点符号
|
6月前
|
JavaScript 前端开发
js中访问节点和创建节点的方法都有什么?
js中访问节点和创建节点的方法都有什么?
28 0
|
7月前
|
前端开发 JavaScript
探索JavaScript元素节点的属性和方法
探索JavaScript元素节点的属性和方法
17 0
|
8月前
|
JavaScript
js节点、属性操作,计时器,location、history对象,常见键盘事件
js节点、属性操作,计时器,location、history对象,常见键盘事件
|
4月前
|
JavaScript 前端开发 安全
JavaScript学习 -- 文本节点
JavaScript学习 -- 文本节点
17 0
|
4月前
|
前端开发 JavaScript
探索JavaScript元素节点的属性和方法
探索JavaScript元素节点的属性和方法
13 0
|
4月前
|
JavaScript 前端开发
JavaScript:DOM节点
JavaScript:DOM节点
22 0
|
4月前
|
XML JavaScript 前端开发
javaScript 原生DOM节点操作(最实用的dom节点操作大全)
javaScript 原生DOM节点操作(最实用的dom节点操作大全)
19 0
|
10月前
|
XML JavaScript 前端开发