创建节点原因、节点概述

1.为什么学节点操作

(1)利用DOM提高的方法获取元素

  • document.getElementById( )
  • document.getElementByTagName( )
  • document.querySelector( )等
  • 逻辑性不强,繁琐

(2)利用节点层级关系获取元素

  • 利用父子兄节点关系获取元素
  • 逻辑性强,但是兼容性稍差

这两种方式都可以获取元素节点,都会使用,但是节点操作更简单

2.节点概述

网页中的所有内容都是节点(标签、文本、注释等),在DOM中,节点使用node来表示。
HTML DOM树中所有的节点均可通过JavaScript进行访问,所有HTML元素(节点)均可被修改,也可以创建或删除

一般的,节点至少拥有nodeType(节点类型)、nodeName(节点名称)、和nodeValue(节点值)这三个属性。

  • 元素节点 nodeType 为 1
  • 属性节点 nodeType 为 2
  • 文本节点 nodeType 为 3 (文本节点包含文字、空格、换行等)

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

posted @ 2022-09-17 11:29  chichi0002  阅读(111)  评论(0编辑  收藏  举报