ITPub博客

首页 > IT职业 > IT职场 > js中dom的三种节点类型

js中dom的三种节点类型

IT职场 作者:sbruan 时间:2021-09-11 10:02:06 0 删除 编辑

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

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3657/viewspace-2831128/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-14

  • 博文量
    78
  • 访问量
    614