🪴qql1's digital garden

Home

❯

笔记

❯

计算机知识

❯

app应用

❯

webAPP

❯

前端

❯

Web DOM API

❯

DOM

DOM

2026年1月26日1分钟阅读

  • (前端-dom-bom)标签-(前端-dom-bom)元素-(前端-dom-bom)节点
  • 操作-交互-操控
  • 获取-得到-拿到-get-返回-获得-收集
  • 属性-变量
  • JavaScript-Js/(前端-dom-bom)Js-(前端-dom-bom)JavaScript-ES-ECMAScript
  • 教程-指南-路线
  • html-
  • API-webAPI-应用接口程序
  • 浏览器-/网页-
  • 文件-文档-txt文件-笔记
  • typescript-ts/(前端-dom-bom)Ts-(前端-dom-bom)Typescript
  • 目录-入口-由此开始-大纲-总览-概括-枢纽-指导-指引-总领

目录-入口-由此开始-大纲-总览-概括-枢纽-指导-指引-总领

1. 梗概:

  1. DOM是浏览器提供的js对象, 用来操作html内容
  2. 一个html页面对应一个document对象
  3. 浏览器会响应式的将DOM与页面双向映射
    1. 在ts中通常使用document.querySelector(css语法的标签选择器)获得dom元素
      1. 详见:js 获取DOM元素 语法
    2. 在语法中简写为dom
      1. 如操作DOM元素的属性
  4. html中的标签在DOM中称为元素或节点

使用指南

获取DOM

child::获取DOM

DOM元素

child::input元素 child::操作DOM样式 child::自定义属性

页面

child::在新标签中打开网页

2. js操作DOM对象的语法:

child::JavaScript 操作DOM对象


关系图谱

  • 1. 梗概:
  • 使用指南
  • 获取DOM
  • DOM元素
  • 页面
  • 2. js操作DOM对象的语法:

反向链接

  • 安卓平台API
  • BOM API
  • IntersectionObserver判断可视区域
  • JavaScript
  • DOM元素更新响应式变量原理
  • Vue
  • patch
  • 双向绑定原理
  • 挂载
  • 操作响应式变量
  • 渲染VDOM
  • Web Components与Shadow DOM详解
  • hasClass()
  • 事件委托
  • 获取元素尺寸
  • 浏览器 API
  • 渲染网页
  • 解析html
  • 选择元素
  • Node.js
  • 编辑区
  • 蓝桥杯Web开发大赛

Created with Quartz v4.5.2 © 2026

  • GitHub
  • Discord Community