javaScript中动态创建一个标签

最新推荐文章于 2024-03-31 22:40:13 发布

GuessHat

最新推荐文章于 2024-03-31 22:40:13 发布

阅读量4k

点赞数 1

分类专栏： # javaScript 文章标签： Web

本文链接：https://blog.csdn.net/Guesshat/article/details/107430791

版权

javaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

javaScript中动态创建一个标签

创建一个span标签
var span = document.createElement("span")
写入内容
span.innerText = "123"
添加到父标签中
box.appendChild(span)
完整代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="box">
		</div>
		
		<script type="text/javascript">
			var box = document.getElementById("box")
			var span = document.createElement("span")
			span.innerText = "123"
			box.appendChild(span)

		</script>
	</body>
</html>

这里div标签也可以换成body标签,需要先获得body标签，涉及到集合下标获取，具体方法如下：
var body = document.getElementsByTagName("body")[0]