5、dom 结构 *** 作怎样添加、移除、移动、复制、创建和查找节点

dom 结构 *** 作怎样添加、移除、移动、复制、创建和查找节点？（必会）

1、创建新节点

createDocumentFragment( ) //创建一个 DOM 片段

createElement( ) //创建一个具体的元素

createTextnode( ) //创建一个文本节点

2、添加、移除、替换、插入

appendChild( )

removeChild( )

replaceChild( )

insertBefore( ) //并没有 insertAfter()

3、查找

getElementsByTagName( ) //通过标签名称

getElementsByName( ) //通过元素的 Name 属性的值(IE 容错能力较强，会得到一个数组，其中包括 id 等于 name 值的)

getElementById( ) //通过元素 Id，唯一性

DOM全拼为DocumentObjectModel（文档对象模型）

是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。

*** 作DOM元素的样式：

1.通过style属性直接设置

2.通过className属性设置类选择器

3.可以通过classList属性添加多个类选择器

*** 作DOM的内容：

1.innerText属性，用于获取 和 *** 作 DOM的文本内容

2.innerHTML属性，用于获取 和 *** 作 DOM的HTML内容

创建和删除DOM元素：

createElement()方法，用于创建DOM元素

appendChild()方法，用于在当前DOM元素中添加子元素

删除元素有两种写法：

1.自删remove()方法，是元素删除自己

2.通过父级删除子级removeChild()方法，是删除元素里面指定的子元素

知识点：onclick是点击事件，on表示当，click表示点击

parenElement 和 parentNode属性，返回父级元素

鼠标事件

---