JS学习-15.替换指定元素

最新推荐文章于 2024-05-30 11:27:58 发布

立花泷的学习日记

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量818

点赞数

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

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

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

修改子级元素replaceChild

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>替换元素</title>
		<style type="text/css">
			#div1{
				width: 100px;
				height: 100px;
				background: #FF0000;
			}
		</style>
	</head>
	<body>
		<!--点击按钮，变成一个div的元素-->
		<div id='div0'>
			<input type="button"  id="myBtn" value="确认" />
		</div>
		<script type="text/javascript">
			var myBtn=document.getElementById('myBtn');
			var oDiv=document.createElement('div');//创建一个div元素
			oDiv.id='div1';
			myBtn.onclick=function(){
				div0.replaceChild(oDiv,div0.children[0]);//将input替换成div(第一个元素：替换的div元素；第二个元素：div0的第一个子级被替换，也就是input)
			}
		</script>
	</body>

优惠劵

立花泷的学习日记

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS学习-15.替换指定元素

修改子级元素replaceChild<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>替换元素</title> <style type="text/css"> #div1{
复制链接

扫一扫