Node 节点属性_nodeName

所有 DOM 节点都继承了 Node 接口，拥有一些共同的属性和方法。这是 DOM 操作的基础

节点的类型有七种

Document：整个文档树的顶层节点 DocumentType：doctype标签 Element：网页的各种HTML标签 Attribute：网页元素的属性（比如class="right"） Text：标签之间或标签包含的文本 Comment：注释 DocumentFragment：文档的片段

nodeName属性返回节点的名称

xxxxxxxxxx
// <div id="box">hello world</div>
var box = document.getElementById('box');
var docFrag = document.createDocumentFragment();

console.log(box.nodeName) // "DIV"
console.log(document.nodeName);
console.log(box.getAttributeNode("id").nodeName);
console.log(box.firstChild.nodeName);
console.log(docFrag.nodeName);

不同节点的nodeName属性值如下

• 文档节点（document）：#document
• 元素节点（element）：大写的标签名
• 属性节点（attr）：属性的名称
• 文本节点（text）：#text
• 文档片断节点（DocumentFragment）：#document-fragment
• 文档类型节点（DocumentType）：文档的类型
• 注释节点（Comment）：#comment

实时效果反馈

1. 下列那个是nodeName返回的元素节点：

A #document

B #text

C DIV

D #document-fragment

答案

1=>C