DOM操作_新增标签

最新推荐文章于 2024-08-17 10:24:46 发布

原创最新推荐文章于 2024-08-17 10:24:46 发布 · 242 阅读

1 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

71 篇文章

订阅专栏

本文通过一个简单的示例展示了如何使用JavaScript来创建新的DOM元素并将其添加到HTML文档中。具体包括创建一个div元素，设置其样式和内容，并将它追加到body中。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>DOM操作</title>
<script>
   window.onload=function(){
    var div=document.createElement("div");
    var body=document.getElementById("body");
    div.style.height="200px";
    div.style.background="red";
    div.innerHTML="我是新的div";
    body.appendChild(div);
  } 
</script>
</head>
<body id="body">
	<h1>我的第一个HTML页面</h1>
	<p>我的第一个段落。</p>
</body>
</html>