JS学习-13.动态生成及尾部插入元素

最新推荐文章于 2023-10-22 22:16:56 发布

立花泷的学习日记

最新推荐文章于 2023-10-22 22:16:56 发布

阅读量923

点赞数 1

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

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

版权

js 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

createElement 创建元素
appendChild 插入到该元素的子级的最后方
interHTML 可以放入元素的内容

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>生成元素</title>
	</head>
	<body>
		<script type="text/javascript">
			var oDiv =document.createElement('div');//生成一个div元素
			console.log(oDiv);//打印是否创建成功
			document.body.appendChild(oDiv);//插入到body的尾部
			oDiv.style.width="100px";
			oDiv.style.height='100px';
			oDiv.style.background='red';
		</script>
	</body>
</html>