原创力文档- 1、本文档共9页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
节点基础
如何理解节点及其作用？节点：网页中的所有内容在文档树中都是节点，即元素、属性、文本等都属于节点。作用：当利用DOM进行网页开发时，通过操作节点可以更加灵活地实现网页中的交互效果。本节针对节点的属性和层级进行讲解。1节点的属性
节点有3个常用属性，具体如下。1节点的属性nodeName：用于获取节点名称，全大写形式，如div标签的节点名称为DIV。nodeValue：用于获取节点值，一般适用于文本、注释类型的节点。nodeType：用于获取数字表示的节点类型，如1表示元素节点。
常见的节点类型如下。类型常量常量的值元素节点Node.ELEMENT_NODE1文本节点Node.TEXT_NODE3注释节点Node.COMMENT_NODE8文档节点Node.DOCUMENT_NODE9文档类型节点Node.DOCUMENT_TYPE_NODE101节点的属性
在实际开发中，开发者可以根据节点的3个常用属性获取节点的名称、值和类型，示例代码如下。1节点的属性varnode=document.body; //获取body节点console.log(node.nodeName); //获取节点名称，输出结果：BODYconsole.log(node.nodeValue); //获取节点值，输出结果：nullconsole.log(node.nodeType); //获取节点类型，输出结果：1
有这样一个问题：节点操作时，页面中有一个div标签，那么这个div标签在DOM中是元素还是节点呢？答案：既可以将它称为div元素，也可以将它称为div节点。1节点的属性元素是节点的一种类型，即元素节点。从程序角度来说，节点的构造函数是Node，元素的构造函数是Element，Element继承Node。Tip
2节点的层级不同节点可以划分为不同层级，比如根节点、父节点、子节点、兄弟节点，节点层级示例代码如下。!DOCTYPEhtmlhtmlheadtitle测试/title/headbodyahref=#链接/ap段落.../p/body/html
2节点的层级依据层级结构对代码中的节点进行介绍。根节点：document节点是整个文档的根节点，它的子节点包括文档类型节点和html元素。父节点：它是指某一节点的上级节点，例如，html元素是head元素和body元素的父节点，body元素是a元素和p元素的父节点。子节点：它是指某一节点的下级节点，例如：head元素和body元素是html元素的子节点，a元素和p元素是body元素的子节点。兄弟节点：它是指同属于一个父节点的两个子节点，例如：head元素和body元素互为兄弟节点，a元素和p元素互为兄弟节点。
THANKYOU!
文档评论（0）