JS—DOM节点的使用知识整理

目录

一、获取元素的通常使用方法

         1、利用DOM提供的方法获取元素

2、利用节点的层次关系来获取元素

二、节点的概述

三、节点的类型

        1、获取父级节点：node.parentNode

2、获取子级节点：

方法一：parentNode.childNodes(标准)

方法二：parsentNode.childern(非标准) 

3、获取第一个元素和最后一个元素

4、获取兄弟节点

四、创建和添加节点

1、创建节点

2、添加节点：

3、删除节点

4、复制节点（克隆节点）

---

一、获取元素的通常使用方法

 1、利用DOM提供的方法获取元素

        document.getElementByld()

        document.getElementsBtTagName()

        document.querySeletor等

        逻辑性不强且繁琐

2、利用节点的层次关系来获取元素

    利用父子兄弟节点关系获取元素

    逻辑性强，但是兼容性稍差

二、节点的概述

        网页中的所有内容都是节点(标签、属性、文本、注释等)，在DOM中，节点使用node来表示

HTML DOM 树种的所有节点均可通过JavaScript进行访问，所有HTML元素（节点）均可被修改

 也可以创建和删除。 一般情况下，节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeVaule(节点值)这三个基本属性

        元素节点    nodeTpye 为 1

        属性节点    nodeTpye 为 2

        文本节点    nodeType 为 3 (文本节点包含文字、空格、换行等)

        在我们实际开发中，节点操作主要操作的是元素节点

三、节点的类型

利用DOM 树可以把节点划分为不同的层级关系，常见的是父子兄层级关系

        1、获取父级节点：node.parentNode

//获取erweima的父元素
var erweima = document.quer