js 取元素创建元素添加元素添加属性

最新推荐文章于 2023-10-23 14:33:47 发布

刘蒋的博客

最新推荐文章于 2023-10-23 14:33:47 发布

阅读量576

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_46140106/article/details/106568461

版权

<style>
		*{
			margin:0;
			padding:0;
		}
		.box{
			width: 200px;
			height: 200px;
			background-color: #FF0000;
			
		}
	</style>
	<body>
	<div class="box">第一个盒子</div>
	<script>
	var  box =	document.querySelector('.box')//获取元素
	console.log(box)//检查取到box没有
	let div = document.createElement('div')//创建一个新的盒子div
	document.body.appendChild(div)
	div.innerHTML='创建了一个新的盒子内容'//innerHTML ：输出内容
	div.style.width=200 +'px'//宽度
	div.style.height=200 +'px' //高度
	div.style.background='gray'//背景颜色
	console.log(div)
	</script>
	</body>

在这里插入图片描述

优惠劵

刘蒋的博客

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 取元素创建元素添加元素添加属性

<style> *{ margin:0; padding:0; } .box{ width: 200px; height: 200px; background-color: #FF0000; } </style> <body> <div class="box">第一个盒子</div> <script> var box = document.querySelector('.
复制链接

扫一扫