js dom的三种节点类型

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

1、字母间距letter-spacing属性的初衷是设置文本字符之间的间距。2、英语中可以分为单词和字符,但在中文中只有相当于英文字符,所以letter-spacing属性可以适用于中文环境。letter-spaci ...