• 技术文章 >Web开发 >JavaScript

    js中dom的三种节点类型

    宋雪维宋雪维2021-03-08 09:58:41原创3659

    本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

    一、DOM节点：元素节点，文本节点和属性节点。

    1、元素节点

    构成了DOM的基础。文档结构中，<html>是根元素，代表整个文档，其他的还有<head>,<body>,<p>,<span>等等。元素节点之间可以相互包含(当然遵循一定的规则)。

    常数值

    1

    Node.ELEMENT_NODE(1)

    2、文本节点

    包含在元素节点中。

    常数值

    1

    Node.TEXT_NODE(2)

    3、属性节点

    元素都可以包含一些属性，属性的作用是对元素做出更具体的描述，比如id,name之类的。

    常数值

    1

    Node.ATTRIBUTE_NODE(3)

    二、元素节点，文本节点和属性节点区别

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">

    <title>DOM</title>

    </head>

    <body>

        <p>You are my boy friend.</p>

        <p title="This is a gentle reminder">Let me to be the happiest girl.</p>

    </body>

    </html>

    以上就是js中dom的三种节点类型及三者区别，希望能帮助你理解哦·更多JavaScript学习推荐：JavaScript教程。

    专题推荐：dom的三种节点类型
    上一篇：js判断dom节点是否存在 下一篇：js中删除dom节点的方法有哪些

    相关文章推荐

    • python中jupyter lab如何使用？• python中标准库struct如何使用？• 如何使用python爬取抖音视频？• python中的冒泡排序是什么？• python中的插入排序怎么用？

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
    • 

    Python学习网

    首页 首页视频视频手册手册图文图文文章文章社区社区