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教程。

以上是 js中dom的三种节点类型 的全部内容, 来源链接: utcz.com/z/542713.html

回到顶部