美文网首页
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://www.haomeiwen.com/subject/iooqcctx.html