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

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>

版权声明:本文为qq_37974765原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。