nodeName与tagName的区别

原文链接：详情链接

DOM里面一共有12种节点类型，常见的3种节点类型；元素节点，属性节点，文本节点。

例如:

<h1 class="title">head</h1>

h1--元素节点 class---属性节点 head----文本节点

在这里可以说成元素节点h1包含属性节点class和文本节点head.

其实，几乎所有的html的标签都是元素节点，而id class title等都是属性节点，而元素所包含的文本内容就是文本节点。

tagName和nodeName的语义是一样的，都返回所包含标签的名称。

例如上面的h1标签，都返回h1，但是tagName只能在元素标签上使用，而nodeName则可以在所有节点上使用。

下面是nodeName在不同节点是哪个的返回值：

tagName只有在元素节点上才有值。

从DOM层次看，nodeName是Node接口上的property，tagName是element接口上的property，所有的节点都继承node接口，而只有元素节点才继承element节点，因此nodeName比tagName具有更大的使用范围，建议使用nodeName

从DOM层次来看，nodeName是node 接口上的property，而tagName是element 接口上的property，所有的节点（元素节点，属性节点，文本节点等12种）都继承了node接口，而只有元素节点才继承了element节点，因此nodeName比tagName具有更大的使用范围。

总结：tagName只能用在元素节点上，而nodeName可以用在任何节点上，可以说nodeName涵盖了tagName，并且具有更多的功能，因此建议总是使用nodeName。

nodeName与tagName的区别相关推荐

nodeName 与 tagName 的区别
nodeName 和 tagName 是获取 HTML 节点名称的属性. tagName 用于获取节点类型为 1 的元素节点的类型.对于属性.注释.文本等其他类型的节点,使用 nodeName 获取节 ...
认识DOM的三大节点：元素节点，文本节点，属性节点以及nodeName,nodeType,nodeValue的区别
既然我们把网页文档看做树形结构,那么就有对应的节点.诚然DOM中有三大节点,分别是元素节点,文本节点,属性节点元素节点:构成了DOM的基础.文档结构中,<html>是根元素,代表整个文档 ...
nodeType、nodeName和nodeValue的区别
先看一下调试文档的基本结构 <div id="box">HELLO</div> <script> var ele = document.getE ...
tagName和nodeName的区别
首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2&g ...
Element类型的tagName和nodeName
要访问元素的标签名,可以使用tagName或nodeName属性:这两个属性返回的值相同假设HTML如下: <div id="a"></div> 获取标签 ...
IE与firefox区别
Kevin的话:因为白痴IE不兼容W3C标准,导致了N多浏览器兼容问题,就有了这篇文章. 做Web Designer容易吗,整天得给微软擦屁股,FT! *以下文章转自http://hi.baidu.c ...
firefox与ie 的javascript区别
Document.form.item 问题现有问题: 现有代码中存在许多 document.formName.item("itemName") 这样的语句,不能在 firefox ...
js中parentNode和parentElement的区别和用法
了解本篇的基础必须知道什么是节点,关于html dom节点知识点和节点类型的知识,分别看<js节点都有哪些类型?怎么判断是哪种节点类型?>和<js属性节点获取和移除>,下面直接 ...
浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
javascript部分 1. document.form.item 问题问题: 代码中存在 document.formName.item("itemName") 这样的语句,不 ...

nodeName与tagName的区别

nodeName与tagName的区别相关推荐

最新文章

热门文章