摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ Document 类型表示文档，或文档的根节点，这个节点是隐藏的，没有具体的节点标签；而 html 是根标签； 如果想得到 HTMLHtmlElement，不必使用 childNodes 这么麻烦，可以使用 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ getBoundingClientRect() 判断一个元素的尺寸和位置是简单的方法就是使用 obj.getBoundingClientRect()； obj.getBoundingClientRect() 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 滚动 scroll scrollHeight 表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分； scrollWidth 表示元素的总宽度，包括由于溢出而无法展示在网页的不可见部分； 没有滚动条时 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 偏移量 偏移量(offset dimension)是 javascript 中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 引入CSS有3种方式：行间样式，内联样式和外部链接样式。 在实际工作中，我们使用 javascript 操作CSS样式时: 行间样式 行间样式又叫内联样式，element 元素节点提供 style 属性，用 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ DOM节点的三个种类：元素节点、文本节点、属性节点； 元素节点 元素节点就是 HTML 标签元素，元素节点主要提供了对元素标签名、子节点及属性的访问； 元素节点的三个node属性：nodeType：1、no 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ innerHTML 在读模式下，返回与调用元素的所有子节点(包括元素、注释和文本节点)对应的 HTML 标记； 在写模式下，innerHTML 会根据指定的值创建新的 DOM 树，然后用这个 DOM 树完全 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 节点关系 DOM 可以将任何HTML描绘成一个由多层节点构成的结构。每个节点都拥有各自的特点、数据和方法，也与其他节点存在某种关系。节点之间的关系构成了层次，而所有页面标签则表现为一个以特定节点为根节点的树 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ DOM 操作必须等待 HTML 加载完毕之后，才可以获取节点；有两种方法： 一般情况一个页面响应加载的顺序是，域名解析 加载html 加载js和css 加载图片等其他信息。 window.onload 和 阅读全文
摘要：
前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！ 选择器权重 如果以4位数表示选择符权重，那么： 元素选择器的权重是1； id 选择器的权重为100； class 类选择器的权重为10； 内联 style（JS操作的也是行间样式）的权重为1000； 当然如 阅读全文