• 技术文章 >Web开发 >JavaScript

    js中dom的三种节点类型

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

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

    一、DOM节点:元素节点,文本节点和属性节点。

    1、元素节点

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

    常数值

      Node.ELEMENT_NODE(1)

    2、文本节点

    包含在元素节点中。

    常数值

    Node.TEXT_NODE(2)

    3、属性节点

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

    常数值

     Node.ATTRIBUTE_NODE(3)

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

    <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学习网