JS学习-14.动态指定位置插入元素

最新推荐文章于 2022-07-19 16:38:58 发布

立花泷的学习日记

最新推荐文章于 2022-07-19 16:38:58 发布

阅读量278

点赞数

分类专栏： js 文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/qq_37974765/article/details/121351776

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

insertBefore 插入到某个元素的前面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>动态插入元素</title>
		<style type="text/css">
			#div0{
				width: 100px;
				height: 100px;
				background: #000000;
			}
			#div1{
				width: 100px;
				height: 100px;
				background: #000045;
			}
			#div3{
				width: 100px;
				height: 100px;
				background: red;
			}
		</style>
	</head>
	<body>
		<div id="div2">	
		<div id='div0'></div>
		<div id="div1"></div>
		</div>
		<script type="text/javascript">
			var oDiv=document.createElement('div');//创建一个div
			oDiv.id='div3';//给div赋一个id标识
			div2.insertBefore(oDiv,div1);//插入到div2下的div1前面
		</script>	
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

立花泷的学习日记

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS学习-14.动态指定位置插入元素

insertBefore 插入到某个元素的前面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>动态插入元素</title> <style type="text/css"> #d
复制链接

扫一扫