Dom 概述

hoohack 发布于2019-08-26 10:22 / 2563人阅读

摘要：是操作页面的接口，作用把网页转为对象，从而用脚本进行各种操作。只是一个接口规范，可以用各种语言实现。

DOM
是js操作页面的接口，作用把网页转为js对象，从而用脚本进行各种操作。

DOM 只是一个接口规范，可以用各种语言实现。

JavaScript 也是最常用于 DOM 操作的语言

节点

Document：整个文档树的顶层节点代表整个文档
DocumentType：doctype标签（比如）在文档第一层
Element：网页的各种HTML标签（比如、等）第一层作为树结构的根节点
Attribute：网页元素的属性（比如class="right"）
Text：标签之间或标签包含的文本
Comment：注释
DocumentFragment：文档的片段

浏览器提供一个原生的节点对象Node，上面这七种节点都继承了Node，因此具有一些共同的属性和方法

节点树

父节点关系（parentNode）：直接的那个上级节点
子节点关系（childNodes）：直接的下级节点
同级节点关系（sibling）：拥有同一个父节点的节点

子节点接口包括firstChild（第一个子节点）和lastChild（最后一个子节点）等属性，同级节点接口包括nextSibling（紧邻在后的那个同级节点）和previousSibling（紧邻在前的那个同级节点）属性

GPU云服务器云服务器分词概述概述流程概述短信概述

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/106065.html

DOM概述选取文档元素

摘要：脚本化文档客户端的存在使得静态的文档变成了可交付式的应用概述文档对象是表示和操作和文档内容的基础。举一个栗子即可以获取的值为的元素。通过标签名选取元素对象的方法可用来选取指定类型。脚本化文档客户端js的存在使得静态的html文档变成了可交付式的web应用 DOM概述文档对象（DOM）是表示和操作html和xml文档内容的基础api。这是标题这...

spademan 2019-08-23 10:42 评论0 收藏0
javascript----事件概述

摘要：作为事件处理程序的函数一个布尔值。最后这个布尔值为表示在捕获阶段调用事件处理程序，表示在冒泡阶段调用事件处理程序。阻止特定事件的默认行为。事件处理程序 DOM0级事件处理程序通过Javascript指定事件处理程序的传统方式，就是将一个函数赋值给一个事件处理程序属性。每个元素都有自己的事件处理程序属性，这些属性通常全部小写，例如onclick。将这种属性的值设置为一个函数，就可以指...

wenzi 2019-08-19 17:34 评论0 收藏0
轻量级的DOM操作库 -- zBase 库使用介绍

摘要：是我个人写的一个轻量级的操作库，里面封装了一些对元素节点的简单操作，如节点的查询获取，的添加移除，样式的添加移除，节点的添加和移除，事件的封装，动画的封装等等如果你只是想简单的操作，但又不想写繁琐的原生代码，也不希望加载像这么功能齐全的库， showImg(https://segmentfault.com/img/bVCJBQ); zBase是我个人写的一个轻量级的 DOM 操作库，里...

renweihub 2019-08-20 10:46 评论0 收藏0
react源码阅读环境配置

摘要：会有一探源码的想法。理想的情况是直接引用源文件，也就是上仓库中，目录下的代码，直接阅读的代码。所以需要配置打包成。坑概述至此，环境已经配的差不多了。不过这个环境配置过程中并非一帆风顺。前言阅读源码时，有许多变量在程序运行过程中不断的产生，其中存放着什么东西，一直是一个比较头疼的问题。不停的推导增加了验算的负担，随着代码逐渐的深入，也会产生一定的记忆负担。如果靠脑袋去记，简单点的代码...

Songlcy 2019-08-23 10:46 评论0 收藏0
React通用Web应用框架-概述

摘要：为什么做这个这段时间想学习一个前端框架，原因是这样的，我本身是做游戏的，但是自己对前端比较感兴趣。然后我就选择自己学哪个框架，最后选择了，选择的理由就不说了。一些字段的显示一般是文本，字段的编辑根据不同的类型使用不同的控件。 1.为什么做这个这段时间想学习一个前端框架，原因是这样的，我本身是做游戏的，但是自己对前端web比较感兴趣。然后我就选择自己学哪个框架，Angular、react...

Aklman 2019-08-23 11:57 评论0 收藏0