YuTong_的博客

第12章 DOM2和DOM3 12.2 样式一、访问元素的样式1、定义样式的方式2、DOM样式属性和方法3、计算的样式二、操作样式表1、样式表类型及属性2、css规则3、创建规则4、删除规则三、元素大小1、偏移量2、客户区大小3、滚动大小4、确定元素大小 一、访问元素的样式 1、定义样式的方式 在 HTML 中定义样式的方式有 3 种：通过<link/>元素包含外部样式表文件、使用&...

第11章 DOM扩展 11.4 专有扩展一、文档模式二、children属性三、contains()方法四、插入文本1、innerText 属性2、outerText 属性（尽可能不使用这个属性）五、滚动 一、文档模式 文档模式的概念和作用：IE8 引入了一个新的概念叫“文档模式”(document mode)。页面的文档模式决定了可以使用什么功能。换句话说，文档模式决定了你可以使用哪个级别的...

11.3 HTML5一、与类相关的扩充1、getElementsByClassName()方法2、classList 属性二、焦点管理1、 document.activeElement 属性2、document.hasFocus()方法 因为 HTML5 涉及的面非常广，本节只讨论与 DOM 节点相关的内容。 HTML5 新增了很多 API，致力于简化 CSS 类的用法。 一、与类相关的扩充 ...

DOM变化一、DOM变化 一、DOM变化 DOM1 级主要定义的是 HTML 和 XML 文档的底层结构。 DOM2 和 DOM3 级则在这个结构的基础上引入了更多的交互能力，也支持了更高级的 XML 特性。 DOM2 和 DOM3 级分为许多模块(模块之间具有某种关联)，分别描述了 DOM 的某个非常具体的子集。这些模块如下。  DOM2 级核心(DOM Level 2 Core)：在...

DOM扩展 11.1 选择符API和元素遍历一、扩展的方向二、选择符API三、元素遍历 一、扩展的方向 对 DOM 的两个主要的扩展是 Selectors API(选择符 API) 和 HTML5。此外，还有一个不那么引人瞩目的 Element Traversal (元素遍历)规范，为 DOM 添加了一些属性。 虽然前述两个主要规范(特别是 HTML5)已经涵盖了大量的 DOM 扩展，但专有扩展...

10.2 DOM 操作技术1、动态脚本2、动态样式3、操作表格4、使用NodeList 1、动态脚本 动态脚本指的是在页面加载时不存在， 但将来的某一时刻通过修改 DOM 动态添加的脚本。跟操作 HTML 元素一样，创建动态脚本也有两种方式：插入外部文件和直接插入 JavaScript 代码。 动态加载的外部 JavaScript 文件能够立即运行。 比如下面的<script>元...

第十章 DOM 一、什么是DOM？二、节点层次1、Node类型 一、什么是DOM？ 1、DOM（Document Object Model）：文档对象模型。是宿主对象（JS运行环境提供的对象），跨平台，是中立于平台和语言的接口。 2、DOM 定义了访问和操作HTML文档（网页）的标准方法。简单说DOM就是document对象，学习DOM就是学习如何通过document对象操作网页上的内容。 二...

文章目录6.2.3 原型模式1、理解原型对象 6.2.3 原型模式 我们创建的每个函数都有一个 prototype(原型)属性，这个属性是一个指针，指向一个对象（原型对象）； 原型对象的用途：包含可以由特定类型的所有实例共享的属性和方法。 使用原型对象的好处：可以让所有对象实例共享原型对象所包含的属性和方法。换句话说，不必在构造函数中定义对象实例的信息，而是可以将这些信息直接添加到原型对象中。 ...

6.2 创建对象6.2.1 工厂模式1、工厂模式示例2、工厂模式优缺点6.2.2 构造函数模式1、构造函数示例2、调用函数经历的步骤3、constructor(构造函数)属性4、将构造函数当作函数5、构造函数的问题6、构造函数优缺点总结 虽然 Object 构造函数或对象字面量都可以用来创建单个对象，但这些方式有个明显的缺点:使用同一个接口创建很多对象，会产生大量的重复代码（不能复用，不同对象的相...

6.1 理解对象6.1理解对象6.1.1属性类型1、数据属性2、访问器属性6.1.2 定义多个属性6.1.3读取属性的特征 干货总结： 1、对象的属性的类型有两种：数据属性和访问器属性，其中数据属性：configurable、enumerable、writable 和 value；访问器属性：configurable、enumerable、get函数和 set函数。 2、 数据属性可以直接定义，...