第7章 DOM(下)

学习目标

  • 熟悉节点的概念,能够说出节点的属性和层级

  • 掌握节点操作,能够完成节点的获取、创建、添加、移除和复制操作

  • 掌握事件的进阶操作,能够实现事件的监听和移除

  • 熟悉DOM事件流,能够说出事件捕获和事件冒泡两种方式的区别

  • 掌握事件对象,能够利用事件对象进行事件操作

  • 掌握常用事件,能够通过常用事件完成常见的网页交互效果

  • 掌握元素其他操作,能够对元素的位置、大小、可视区域和滚动进行操作, 能够获取鼠标指针位置

通过第6章的学习,大家应该已经掌握了DOM中元素的相关操作以及事件的基本使用,可以通过注册事件以及元素操作的方式完成页面的交互效果。接下来,本章将继续讲解DOM中的进阶内容,如节点操作、事件监听等。通过本章学习,大家可以实现更加复杂的页面交互效果。

7.1 节点基础

7.1.1 节点的属性

如何理解节点及其作用?

节点:网页中的所有内容在文档树中都是节点,即元素、属性、文本等都属于节点。

作用:当利用DOM进行网页开发时,通过操作节点可以更加灵活地实现网页中的交互效果。

本节针对节点的属性和层级进行讲解。

节点有3个常用属性,具体如下。

nodeName :用于获取节点名称,全大写形式,如div标签的节点名称为DIV。

nodeValue:用于获取节点值,一般适用于文本、注释类型的节点。

nodeType:用于获取数字表示的节点类型,

相关推荐

  1. 7 DOM

    2024-01-10 10:26:01       35 阅读
  2. 7 面向对象基础-

    2024-01-10 10:26:01       12 阅读
  3. 7 面向对象基础-(内部类)

    2024-01-10 10:26:01       14 阅读
  4. 7

    2024-01-10 10:26:01       41 阅读
  5. 7 事务

    2024-01-10 10:26:01       13 阅读
  6. 7 网络管理

    2024-01-10 10:26:01       29 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-10 10:26:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-10 10:26:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-10 10:26:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-10 10:26:01       20 阅读

热门阅读

  1. AI真正的Killer App 仍然缺席

    2024-01-10 10:26:01       35 阅读
  2. 破解国企绩效管理中存在的三大难题

    2024-01-10 10:26:01       24 阅读
  3. MATLAB对数据隔位抽取和插值的几种方法

    2024-01-10 10:26:01       35 阅读
  4. 【气候极端指数】MATLAB计算各种气候极端指数

    2024-01-10 10:26:01       39 阅读
  5. ES6---判断对象是否为{}

    2024-01-10 10:26:01       29 阅读
  6. go 的内存布局和分配原理

    2024-01-10 10:26:01       31 阅读
  7. 服务器访问慢怎么办?

    2024-01-10 10:26:01       38 阅读