美文网首页
2019-06-27 JS(DOM)

2019-06-27 JS(DOM)

作者: 柳叁叁 | 来源:发表于2019-06-27 19:57 被阅读0次

(本文摘录于阮一峰老师所写文章,https://wangdoc.com/javascript/basic/index.html,作个人学习使用。)
1、DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。

DOM 的最小组成单位叫做节点(node)。文档的树形结构(DOM 树),就是由各种不同类型的节点组成。每个节点可以看作是文档树的一片叶子。

节点的类型有七种。

Document:整个文档树的顶层节点
DocumentType:doctype标签(比如<!DOCTYPE html>)
Element:网页的各种HTML标签(比如<body>、<a>等)
Attribute:网页元素的属性(比如class="right")
Text:标签之间或标签包含的文本
Comment:注释
DocumentFragment:文档的片段
浏览器提供一个原生的节点对象Node,上面这七种节点都继承了Node,因此具有一些共同的属性和方法。

2、 image.png 3、 image.png

相关文章

  • 2019-06-27 JS(DOM)

    (本文摘录于阮一峰老师所写文章,https://wangdoc.com/javascript/basic/inde...

  • Day7:virtual dom & MVVM

    virtual dom 什么是virtual dom 虚拟dom 用JS模拟DOM结构 DOM变化的对比,放在JS...

  • virtual dom

    virtual dom --- 即虚拟dom 1.用js模拟DOM结构 2.DOM变化的对比,放在js层来做(js...

  • React 入门(阮一峰教程笔记)

    一 react.js react-dom.js Brower.js react.js 核心库 react-dom....

  • DOM

    DOM JS的组成 ECMAScript js的基础语法 DOM 文档对象模型 BOM ...

  • 面试中React与Vue的比对 / 面试/mvvm/virtua

    1.virtual dom 用JS模拟DOM结构,DOM变化的对比,放在JS层做,以提高重绘性能 DOM操作昂贵,...

  • JS第七天-03

    DOM DOM树结构关系代码示例: 一、JS中标签关系 二、JS操作页面标签 三、JS操作DOM一般步骤 1、创建...

  • 异步编程

    js是单线程原因 ● 原因-避免DOM渲染的冲突● 浏览器需要渲染DOM● JS可以修改DOM结构● JS执行的时...

  • 虚拟DOM的实现

    [维护状态,更新视图]用js对象表示Dom元素js: 表示dom结构为: Virtual DOM 算法,包括几个步...

  • element upload http-request 设置上传

    dom js

网友评论

      本文标题:2019-06-27 JS(DOM)

      本文链接:https://www.haomeiwen.com/subject/iooqcctx.html