DOM 编程

小麦1 天前

关于

DOM 编程是指通过 JavaScript 操作网页的文档对象模型（Document Object Model），从而动态地修改页面结构、内容和样式。所有操作都以 document 对象为入口点，它代表整个页面，并提供了访问和操纵各个节点的方法与属性。每个 HTML 元素在 DOM 中都是一个对象，具有如 innerHTML、textContent、style 等可读写属性，还支持通过 onclick 等事件处理程序绑定交互行为。DOM 节点之间形成树状结构，包括元素节点、文本节点和注释节点等，它们各自属于特定的内置类并继承相应的方法和属性，使得开发者可以灵活地遍历、创建、删除或更新页面内容。

统计

41资料

0笔记

查看知识库

分享知识库

资料预览
展示该知识库中前 5 条资料

Shadow DOM 和事件（events）

Shadow tree 背后的思想是封装组件的内部实现细节。

给 Shadow DOM 添加样式

shadow DOM 可以包含 <style> 和 <link rel="stylesheet" href="…"> 标签。在后一种情况下，样式表是 HTTP 缓存的，因此不会为使用同一模板的多个组件重新下载样式表。

Shadow DOM 插槽，组成

许多类型的组件，例如标签、菜单、照片库等等，需要内容去渲染。

模板元素

内建的 <template> 元素用来存储 HTML 模板。浏览器将忽略它的内容，仅检查语法的有效性，但是我们可以在 JavaScript 中访问和使用它来创建其他元素。

影子 DOM（Shadow DOM）

Shadow DOM 为封装而生。它可以让一个组件拥有自己的「影子」DOM 树，这个 DOM 树不能在主文档中被任意访问，可能拥有局部样式规则，还有其他特性。

笔记预览
当前知识库暂无笔记

功能介绍
知识库提供了诸多实用功能，帮助你高效学习和分享。

资料管理

统一存放各类资料，包括网页、PDF、图片等。

AI 伴学

通过教学模式，让 AI 导师结合知识库内容带你一步步学习。

互动测验

通过互动测验，检测自己的知识掌握情况。

学习笔记

将有用的信息记录下来，方便复习和与他人共享。