insertBefore方法

Br不二

已于 2022-11-22 15:43:17 修改

阅读量400

点赞数 2

分类专栏： JS+ES6 文章标签：前端 javascript 开发语言

于 2022-11-22 15:25:59 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_39519297/article/details/127983071

版权

JS+ES6 专栏收录该内容

25 篇文章

订阅专栏

insertBefore方法介绍

简介

insertBefore()方法是在你指定的已有子节点之前插入新的子节点
参数

newNode：即将被插入的新的子节点
currNode：你指定的已有子节点
parentNode：这俩个子节点的父元素

用法

parentNode.insertBefore(newNode,currNode)

代码实例

<body>
    <div class='box'>
    	<span class='child'></span>
    </div>
    <script>
		let box = document.querySelector('.box') // 获取父元素
		let child = document.querySelector('.child') // 指定子节点
		let newNode = document.createElement('span') // 创建一个新的子节点
		box.insertBefore(newNode,child) 
	</script>
</body>