跳转到内容

前端与界面 · DEFINED TERM

DOM

浏览器把 HTML 解析成的可读取、可修改的页面对象树。

你可能会这样说“找到这个按钮,点下去后改掉旁边的文字”

VISUAL EXAMPLE

先看懂它怎么工作

INPUT找到这个按钮,点下去后改掉旁边的文字
HTML 解析
生成节点树
脚本查询和修改节点
CHECK元素选择稳定,更新后焦点和语义仍正确

MECHANISM

运行机制

  1. HTML 解析
  2. 生成节点树
  3. 脚本查询和修改节点

USE WHEN

适合这样用

定位元素、更新内容和管理事件

NOT FOR

不要这样理解

不要频繁全量重建大块页面导致卡顿和焦点丢失

TELL YOUR AGENT

可直接发给 Agent

请按“DOM”的概念处理这个需求:找到这个按钮,点下去后改掉旁边的文字。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

元素选择稳定,更新后焦点和语义仍正确

OFFICIAL SOURCES

官方来源