要创建新节点（元素），我们需要做的第一件事是确定我们将要做什么，在这篇经验的例子中，我将创建如下图的标记：一个包含两个span元素的div， 我已经在这几个元素中包含了类（class）和id的属性。这里将展示三种不同的方法，创建新DOM节点（元素），现在让我们开始吧。
工具/原料
1
javascript
2
浏览器
3
html
方法：使用createElement和createTextNode
1
语法。
方法2：使用innerHTML
1
接下来我们可以使用innerHTML方法在div元素内部创建DOM，并且让浏览器为您完成工作。现在让我们创建一个元素，然后设置它的innerHTML并返回它的子元素。
2
在这段代码中，我们创建了一个
元素，为我们所有的DOM元素设置它的html，然后获取我们创建的
（这是我们的容器）中的第一个元素，最后将其添加到DOM中。
方法3：使用DOMParser
我将告诉你的最后一个方法是使用DOMParser对象，用它创建一个全新的DOM树，然后我们可以从中获取我们的元素。 总的来说，这与innerHTML相似。 首先，创建一个解析器的实例。然后调用parseFromString方法， 该方法有两个参数：要解析的字符串以及浏览器如何解析（您可以使用DOMParser来解析除HTML之外的其他内容）。 以下是创建DOM元素的代码。
结论：
有多种方法可以让创建新节点。虽然我没有提到浏览器支持，但所有这些方法都应该支持所有现代浏览器和IE10及以上版本。 如果你需要支持旧的浏览器，我建议使用innerHTML方法，因为它可能有最广泛的支持。
上一篇：皮皮虾的不同吃法
下一篇：双排键电子琴学习渠道
推荐信息
- 1
DOM操作创建新节点的方法
- 2
在Windows会议室中共享桌面
- 3
win7系统中如何把桌面的存放位置改到d：
- 4
轻松备份C盘到移动硬盘的方法
- 5
如何让电脑软件默认安装到D盘
- 6
Win10的C盘满了怎么转移文件
- 7
电脑C盘满了怎么转移文件
- 8
win7系统怎么更改我的文档保存位置路径到D盘？
- 9
Win10将系统盘软件转移到其他磁盘的方法
- 10
安装到C盘的adobe illustrate 如何转移到D盘
- 11
怎么把C盘软件移到别的盘
- 12
怎么把我的文档移至D盘
- 13
怎么将电脑里c盘的东西转移到别的盘中?
- 14
酸菜鱼怎么自己在家做
- 15
win7电脑如何将安装在C盘的软件移到其他磁盘
- 16
如何将软件从c盘转到d盘
- 17
家常味道酸菜鱼
- 18
酸菜鱼怎么做（普通家庭版）
- 19
如何自制美味酸菜鱼
- 20
酸菜鱼----制作方法
- 21
怎么把c盘的软件移到d盘
- 22
怎样把C盘的东西移到D盘或E盘