js创建dom对象的2种方法，js 创建对象的方法

JS之DOM操作

DOM树的节点 DOM节点分为三大类： 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。 因此操作时，需先选中元素节点，再修改属性和文本。

在个别的操作方法之前，我们先看一下“树结构”的DOM的结构。在将HTML转换为docuent对象时，Window对象以树结构的形式保存信息。

使用JavaScript操作页面内容（DOM）可以通过以下方法实现：添加： 可以使用JavaScript中的document.createElement()方法来创建新的元素，然后使用appendChild()或者insertBefore()方法将其添加到页面中。

相关问答

Q1: 如何使用JavaScript操作DOM

在个别的操作方法之前，我们先看一下“树结构”的DOM的结构。在将HTML转换为docuent对象时，Window对象以树结构的形式保存信息。

DOM：DocumentObjectModel，文档对象模型；js提供了丰富的api来操作文档内容。DOM树：html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签head、body节点：DOM将所有的分支端都成为节点。

DOM树的节点 DOM节点分为三大类： 元素节点(标签节点)、属性节点和文本节点。属性节点和文本节点都属于元素节点的子节点。 因此操作时，需先选中元素节点，再修改属性和文本。

使用JavaScript操作页面内容（DOM）可以通过以下方法实现：添加： 可以使用JavaScript中的document.createElement()方法来创建新的元素，然后使用appendChild()或者insertBefore()方法将其添加到页面中。

Q2: 操作JS中DOM节点有哪些方法

1、本文实例讲述了JS实现的DOM插入节点操作。分享给大家供大家参考，具体如下：一 介绍插入节点通过使用insertBefore()方法来实现。insertBefore()方法将在另一个子节点前插入新的子节点。

2、（1）parentObj.firstChild ：如果节点为已知节点（parentObj）的第一个子节点就可以使用这个方法。这个属性是可以递归使用的，也就是支持parentObj.firstChild.firstChild.firstChild...的形式，如此就可以获得更深层次的节点。

3、使用DOM的方法用innerHTML方法的确很简单，我们可以用纯的dom方法来实现上面的功能。新建一个文本节点(yet another)新建一个段落把文本节点添加到段落中。

4、DOM： Document Object Model，文档对象模型；js提供了丰富的api来操作文档内容。 DOM树： html文档中的内容是以树形结构排布，html是DOM树根，html下只有两个子标签head、body 节点： DOM将所有的分支端都成为节点。

js创建dom对象的2种方法的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js 创建对象的方法、js创建dom对象的2种方法的信息别忘了在本站进行查找喔。