js添加创建节点和合并节点

最新推荐文章于 2022-11-16 18:21:24 发布

转载最新推荐文章于 2022-11-16 18:21:24 发布 · 380 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xupeiyu/p/4752240.html

本文通过一个简单的例子展示了如何使用JavaScript创建DOM元素并添加到页面中。包括创建div节点、文本节点，并将其组合起来插入到body中，最后输出子节点数量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var _div = document.createElement("div"), //创建节点
	
	txt1 = document.createTextNode("123"), //创建文本
	// _b = document.createElement("b"),

	txt2 = document.createTextNode("456");

_div.className = "txt";

// _b.appendChild(txt2);插入文本txt2

_div.appendChild(txt1);

_div.appendChild(txt2);

document.body.appendChild(_div);

// _div.normalize(); //合并文本节点

console.log(_div.childNodes.length);

转载于:https://www.cnblogs.com/xupeiyu/p/4752240.html