本文教程操作环境: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教程。