动态给页面上添加div.html

最新推荐文章于 2021-06-09 19:36:34 发布

原创最新推荐文章于 2021-06-09 19:36:34 发布 · 903 阅读

2 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

26 篇文章

订阅专栏

本文介绍了一种使用纯JavaScript动态创建HTML元素的方法。通过在页面加载完成后，利用`document.createElement`创建一个`div`元素，并设置其宽度、高度及背景颜色为红色，最后将其添加到`body`中。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				var divobj=document.createElement("div");
				divobj.style.width="200px";
				divobj.style.height="200px";
				divobj.style.backgroundColor="red";
				document.body.appendChild(divobj);
			}
		</script>
	</head>
	<body>
	</body>
</html>