============
在Web开发中，Docume Objec Model (DOM) 提供了一种方式来操作网页内容。DOM 把网页转化成一个对象结构，方便JavaScrip进行操作。下面是一些JavaScrip DOM操作的基础实例，包括获取元素、修改元素内容、修改元素属性、修改元素样式、创建新元素、删除元素、遍历DOM树以及事件处理。
1. 获取元素-------
在JavaScrip中，我们可以使用不同的方法来获取网页中的元素。其中最常用的两种方法是`geElemeById`和`geElemesByClassame`。
```javascrip// 使用 id 获取元素var eleme = docume.geElemeById(其内容。这包括修改元素的ierHTML，ierTex以及exCoe属性。
```javascrip// 修改 ierHTMLeleme.ierHTML = . 修改元素属性---------
我们还可以修改元素的属性，例如更改元素的id，class，syle等。
```javascrip// 修改 ideleme.id = 元素的syle属性，我们还可以通过操作CSS类来改变元素的样式。
```javascrip// 为元素添加一个新的 CSS 类eleme.classLis.add(docume.creaeEleme`方法来创建新的DOM元素。
```javascrip// 创建一个新的 u003cpu003e 元素var ewEleme = docume.creaeEleme(注意，`remove`方法只能用在已经添加到DOM中的元素上。如果元素没有添加到DOM中，我们需要使用`removeChild`方法。
```javascrip// 使用 removeChild 方法删除元素pareEleme.removeChild(childEleme);
// 使用 remove 方法删除元素（仅当元素已经添加到 DOM 中时）childEleme.remove();```7. 遍历DOM树-------
在JavaScrip中，我们可以使用不同的方法来遍历DOM树，例如`pareode`，`childodes`以及`childre`属性。我们还可以使用`querySelecor`和`querySelecorAll`方法来选择特定的元素。这些方法可以接收CSS选择器作为参数。例如： `eleme.pareode` 返回元素的父节点。如果元素没有父节点，返回ull。例如：var pare = eleme.pareode; if (pare) {pare.appedChild(eleme);} else {cosole.log(，所以打印如果元素已经在DOM中，那么它就有父节点，所以打印ull。这是因为父节点是存在的，只不过不是直接由pareode属性定义的结构（即一个Eleme对象）。例如，非从子节点上获得的一个Docume或DocumeFragme对象就没有pareode属性。如果一个ode对象有pareode属性，那么它就一定是Eleme节点。而Docume和DocumeFragme对象都不是Eleme节点。它们有pareode属性是因为它们都是ode对象的子节点（子树的根节点）。但它们的pareode不是它们自身的一个结构组成部分。例如，如果一个Docume或DocumeFragme对象是Docume对象（例如通过docume.implemeaio.creaeDocumeFragme()）或DocumeFragme对象（例如通过docume.creaeDocumeFragme()）的子节点，那么这个Docume或DocumeFragme对象就没有pareode属性。因为Docume和DocumeFragme都不是Eleme节点，所以它们都没有pareode属性。在浏览器中运行以下代码可以证明以上结论： var fragme = docume.creaeDocumeFragme(); cosole.log(fragme); // udefied cosole.log(fragme.pareode); // udefied var documeFragme = docume.implemeaio.creaeDocumeFragme(); cosole.log(documeFragme); // udefied cosole.log(documeFragme.pareode); // udefied cosole.log(documeFragme); // udefied cosole.log(documeFragme); // udefied cosole.log(documeFragme); // udefied cosole.log(documeFragme); // udefied cosole.log(documeFragme); // udefied cosole.log(documeFragme); // udefied cosole.log
