DOM 编程
小麦1 个月前关于
DOM 编程是指通过 JavaScript 操作网页的文档对象模型（Document Object Model），从而动态地修改页面结构、内容和样式。所有操作都以 document 对象为入口点，它代表整个页面，并提供了访问和操纵各个节点的方法与属性。每个 HTML 元素在 DOM 中都是一个对象，具有如 innerHTML、textContent、style 等可读写属性，还支持通过 onclick 等事件处理程序绑定交互行为。DOM 节点之间形成树状结构，包括元素节点、文本节点和注释节点等，它们各自属于特定的内置类并继承相应的方法和属性，使得开发者可以灵活地遍历、创建、删除或更新页面内容。
统计
资料预览展示该知识库中前 5 条资料
修改文档（document）
DOM 修改是创建“实时”页面的关键。
浏览器事件简介
事件 是某事发生的信号。所有的 DOM 节点都生成这样的信号（但事件不仅限于 DOM）。
特性和属性（Attributes and properties）
当浏览器加载页面时，它会“读取”（或者称之为：“解析”）HTML 并从中生成 DOM 对象。对于元素节点，大多数标准的 HTML 特性（attributes）会自动变成 DOM 对象的属性（properties）。（译注：attribute 和 property 两词意思相近，为作区分，全文将 attribute 译为“特性”，property 译为“属性”，请读者注意区分。）
节点属性：type，tag 和 content
让我们更深入地了解一下 DOM 节点。
DOM 树
HTML 文档的主干是标签（tag）。
笔记预览展示该知识库中前 4 条笔记
0. DOM 编程学什么？
一、DOM 基础概念
-
掌握：
-
DOM 的定义：DOM（Document Object Model，文档对象模型）是浏览器将 HTML 文档解析成的一个树形结构
1. DOM 基础概念
1. DOM 的定义与作用
1.1 什么是 DOM
DOM（Document Object Model，文档对象模型）是浏览器将 HTML 文档解析成的一个**树形结构
2. DOM 元素选择与遍历
1. DOM 元素选择与遍历
1.1 获取 DOM 元素的方法
在 DOM 编程中，获取元素是第一步。以下是常用的几种方法：
- `document.getElementBy
3. DOM 操作与事件处理
1. DOM 操作
1.1 修改元素内容
在 DOM 编程中，修改元素的内容是基础且常见的操作。主要有以下两种方式：
**innerHTML**：可以设置或获取元素内的 HT
功能介绍知识库提供了诸多实用功能，帮助你高效学习和分享。
统一存放各类资料，包括网页、PDF、图片等。
通过教学模式，让 AI 导师结合知识库内容带你一步步学习。
通过互动测验，检测自己的知识掌握情况。
将有用的信息记录下来，方便复习和与他人共享。