301 永久重定向 1 Activity 1 Android Studio 3 Android 动画 1 Android 读取文件 2 Android 混淆 1 Android 加载图片 4 Android 开源组件 1 Android 模拟器 1 Android 拍照和裁剪 1 Android 屏幕适配 1 Android 权限 3 Android 软键盘 1 Android 摄像头 1 Android 图片压缩 3 Android 网络 1 Android 序列化 1 Android 支付 1 Android 自定义设置 1 Android 组件 2 Android 组件化 3 AndroidManifest.xml 3 Apache 7 APK 1 APP 签名 2 ASCII 1 ASP.NET 2 BIOS 1 C# DateTime 2 CentOS 7 7 CentOS 打包压缩解压 1 CentOS 防火墙 3 CentOS 快捷键 1 CentOS 命令 12 CentOS 命令别名 1 CentOS 目录 6 CentOS 网络连接 1 CentOS 文件 7 CentOS 系统安装 1 CentOS 系统优化 4 CentOS 字符集 1 CSS3 动画 2 CURL 扩展 1 Date 对象 1 DOM 10 DowanloadManager 2 Egg.js 1 Elasticsearch 1 eslint-plugin-react 1 Firewalld 3 Flash 1 Flutter 1 Fragment 1 Google Chrome 1 Gradle 1 GreenDao 1 Gson 2 HSTS 协议 1 HTML 空格 1 HTTP 1 HTTPS 7 IIS 3 ImageView 1 iPhone 1 iTunes 1 Jackson 1 Java SE (JDK) 1 JavaScript 闭包 1 JavaScript 标准库 11 JavaScript 浏览器模型 15 JavaScript 面向对象编程 5 JavaScript 入门篇 3 JavaScript 事件 12 JavaScript 数据类型 7 JavaScript 循环 1 JavaScript 异步操作 3 JavaScript 语法专题 4 JavaScript 运算符 5 JSON 2 KeyboardEvent 1 Kibana 1 Linux 2 Linux 核心目录文件 3 ListView 1 Markdown 1 Mono 1 MySQL 存储引擎 2 MySQL 命令 3 MySQL 数据库备份 1 MySQL 数据类型 3 NDK 1 npm 2 OEM 分区 1 OpenSSL 1 package.json 1 Photoshop 1 PHP 数据库连接 1 Python 开发环境 1 React 4 RegExp 对象 1 RPC 调用 1 RPM 1 ScrollView 1 SEO 1 Session 1 Spinner 1 SQL Server 安装 1 SQL Server 数据库备份 3 SQL 语句 1 SSL 协议 2 SSL 证书 2 strip_tags 函数 1 stripos 函数 1 strongSwan 1 strpos 函数 1 SVN 1 TLS 协议 3 Toast 1 Ubuntu 1 uni-app 1 Unicode 1 Universal-Image-Loader 2 UTF-8 1 Visual Studio Code 1 Visual Studio IDE 1 Volley 网络框架 1 VPN 1 webpack 1 WebStorm 4 WebView 1 Windows 10 6 Windows 照片查看器 1 XmlPullParser 1 yarn 1 yum 源 2 编程知识技巧 1 处理字符串 3 地理坐标 1 递归算法 1 电影 1 定时器 1 多 Application 共存 1 个人隐私 1 计算机基础 4 计算机硬件 1 加密算法 1 健康养生 1 开发规范 1 流程图 1 密码套件 2 面试题系列 1 排序算法 1 七天学会 Node.js 7 日期格式化 1 时间戳 1 数组 1 网页元素接口 7 微信公众号 1 文件系统 1 系统安全 1 硬盘操作 1 正则表达式 1
DOM 之 Mutation Observer API

Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动,比如节点的增减、属性的变动、文本内容的变动,这个 API 都可以得到通知。

8/3/2019 4:49:15 PM 转载 雨辰 49 0 0 DOM
DOM 之 CSS 操作

CSS 与 JavaScript 是两个有着明确分工的领域,前者负责页面的视觉效果,后者负责与用户的行为互动。但是,它们毕竟同属网页开发的前端,因此不可避免有着交叉和互相配合。本节介绍如何通过 JavaScript 操作 CSS。

8/3/2019 4:47:08 PM 转载 雨辰 62 0 0 DOM
DOM 之 Text 节点 DocumentFragment 节点

文本节点(Text)代表元素节点(Element)和属性节点(Attribute)的文本内容。如果一个节点只包含一段文本,那么它就有一个文本子节点,代表该节点的文本内容。DocumentFragment 节点代表一个文档的片段,本身就是一个完整的 DOM 树形结构。它没有父节点,parentNode 返回 null,但是可以插入任意数量的子节点。它不属于当前文档,操作 DocumentFragment 节点,要比直接操作 DOM 树快得多。

8/3/2019 4:44:27 PM 转载 雨辰 53 0 0 DOM
DOM 之属性的操作

HTML 元素包括标签名和若干个键值对,这个键值对就称为“属性”(attribute)。

8/3/2019 4:40:44 PM 转载 雨辰 80 0 0 DOM
DOM 之 Element 节点

Element 节点对象对应网页的 HTML 元素。每一个 HTML 元素,在 DOM 树上都会转化成一个 Element 节点对象(以下简称元素节点)。

8/3/2019 4:38:13 PM 转载 雨辰 77 0 0 DOM
DOM 之 Document 节点

document 节点对象代表整个文档,每张网页都有自己的 document 对象。window.document 属性就指向这个对象。只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用。

8/3/2019 4:35:47 PM 转载 雨辰 83 0 0 DOM
DOM 之 ParentNode 接口 ChildNode 接口

节点对象除了继承 Node 接口以外,还会继承其他接口。ParentNode 接口表示当前节点是一个父节点,提供一些处理子节点的方法。ChildNode 接口表示当前节点是一个子节点,提供一些相关方法。

8/3/2019 4:32:28 PM 转载 雨辰 52 0 0 DOM
DOM 之 NodeList 接口 HTMLCollection 接口

节点都是单个对象,有时需要一种数据结构,能够容纳多个节点。DOM 提供两种节点集合,用于容纳多个节点:NodeList 和 HTMLCollection 。这两种集合都属于接口规范。许多 DOM 属性和方法,返回的结果是 NodeList 实例或 HTMLCollection 实例。主要区别是,NodeList 可以包含各种类型的节点,HTMLCollection 只能包含 HTML 元素节点。

8/3/2019 4:28:55 PM 转载 雨辰 103 0 0 DOM
DOM 之 Node 接口

所有 DOM 节点对象都继承了 Node 接口,拥有一些共同的属性和方法。这是 DOM 操作的基础。

8/3/2019 4:25:03 PM 转载 雨辰 44 0 0 DOM
DOM 概述

DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。

8/2/2019 9:54:45 PM 转载 雨辰 50 0 0 DOM