Js 节点内追加子节点

最新推荐文章于 2022-07-12 20:04:15 发布

上山割猪草

最新推荐文章于 2022-07-12 20:04:15 发布

阅读量2.1k

点赞数 1

分类专栏： Javascript 文章标签： JS追加节点

本文链接：https://blog.csdn.net/wt87218604/article/details/9189579

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

目标节点：

<div id="fnode"></div>

JS代码：

var div = document.getElementById("fnode");
var p   = document.createElement("p");
p.innerHTML = '<font color="red">子节点</font>';
div.appendChild(p);

示例完整HTML代码：

<html>
<head>
<title>追加节点</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function addNode()
{
	var div = document.getElementById("fnode");
	var p   = document.createElement("p");
	p.innerHTML = '<font color="red">子节点</font>';
	div.appendChild(p);
}
</script>
</head>
<body>
	<input type="button" value="增加" οnclick="addNode()" />
	<div id="fnode"></div>
</body>
</html>