学习目标
熟悉节点的概念,能够说出节点的属性和层级
掌握节点操作,能够完成节点的获取、创建、添加、移除和复制操作
掌握事件的进阶操作,能够实现事件的监听和移除
熟悉DOM事件流,能够说出事件捕获和事件冒泡两种方式的区别
掌握事件对象,能够利用事件对象进行事件操作
掌握常用事件,能够通过常用事件完成常见的网页交互效果
掌握元素其他操作,能够对元素的位置、大小、可视区域和滚动进行操作, 能够获取鼠标指针位置
通过第6章的学习,大家应该已经掌握了DOM中元素的相关操作以及事件的基本使用,可以通过注册事件以及元素操作的方式完成页面的交互效果。接下来,本章将继续讲解DOM中的进阶内容,如节点操作、事件监听等。通过本章学习,大家可以实现更加复杂的页面交互效果。
7.1 节点基础
7.1.1 节点的属性
如何理解节点及其作用?
节点:网页中的所有内容在文档树中都是节点,即元素、属性、文本等都属于节点。
作用:当利用DOM进行网页开发时,通过操作节点可以更加灵活地实现网页中的交互效果。
本节针对节点的属性和层级进行讲解。
节点有3个常用属性,具体如下。
nodeName :用于获取节点名称,全大写形式,如div标签的节点名称为DIV。
nodeValue:用于获取节点值,一般适用于文本、注释类型的节点。
nodeType:用于获取数字表示的节点类型,