tagName与nodeName的区别

首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,
其中h2是元素节点,class是属性节点,
       head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点。其实几乎所有HTML的标签都是元素节点,
       id, title, class等则是属性节点,
      文本内容则是文本节点。
      tagName和nodeName的语义是一样的,都是返回所包含标签的名称,例如上面的h2标签,都是返回h2,
但是tagName只能在元素标签上使用,而nodeName则可以在所有的节点上使用
总结:tagName只能用在元素节点上,而nodeName可以用在任何节点上,可以说nodeName涵盖了tagName,
并且具有更多的功能,因此建议总是使用nodeName。

时间: 2024-10-25 16:08:39

tagName与nodeName的区别的相关文章

Form,tagName和nodeName的区别

首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点.其实几乎所有HTML的标签都是元素节点,而id, title, class等则是属性节点,而元素所包含的文本内容则是文本节点. tagName和nodeName的语义是一样的,都是

tagName和nodeName的区别

首先介绍DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,在这里你可以说h2这个元素节点包含一个属性节点和一个文本节点.其实几乎所有HTML的标签都是元素节点,而id, title, class等则是属性节点,而元素所包含的文本内容则是文本节点. tagName和nodeName的语义是一样的,都是

js中tagName和nodeName

DOM里常见的三种节点类型(总共有12种,如docment):元素节点,属性节点以及文本节点,例如<h2 class="title">head</h2>,其中h2是元素节点,class是属性节点,head是文本节点,tagName和nodeName的语义是一样的,都是返回所包含标签的名称,例如上面的h2标签,都是返回h2,但是tagName只能在元素标签上使用,而nodeName则可以在所有的节点上使用. 从DOM层次来看,nodeName是node 接口上的p

js值tagName和nodeName

nodeName是节点的属性,tagName是元素的属性.元素时节点的子集.不是任何节点都有tagName的,比如文本节点,仅有nodeName属性. 这个和css中的倾斜和斜体的关系是一样的.不是所有元素都有斜体的,但是都能倾斜

jquery之prop和attr区别

最近用jquery比较多,处理属性的时候发现之前并没有注意到的问题. 平时处理属性都用attr,比如获取checkbox的checked值 或者设置checkbox的checked的值 <input type="checkbox" id="allCheck"> $('#allCheck').attr('checked') $('#allCheck').attr('checked','checked') //发现选项并未被选中,只是在有些情况下发生 转自:

JavaScript事件属性event.target和currentTarget 属性的区别。

event.target 获取的是触发事件的标签元素 event.currentTarget 获取到的是发起事件的标签元素 一.事件属性:event.target target事件委托的定义:本来该自己干的事,但是自己不干,交给别人来干 例子1 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 <

event对象中 target和currentTarget 属性的区别。

首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 ????举个例子: 1 <ul id="ul">ul 2 <li>li<a href="">a</a></li> 3 <li>li<a href="">a</a></li> 4 <li>li<a href

event对象中 target和currentTarget 属性的区别

来自:https://www.cnblogs.com/yewenxiang/p/6171411.html 首先本质区别是: event.target返回触发事件的元素 event.currentTarget返回绑定事件的元素 ????举个例子: 1 <ul id="ul">ul 2 <li>li<a href="">a</a></li> 3 <li>li<a href="&quo

jQuery概述

目录 jQuery的加载 jQuery基础 jQuery对象 jQuery构造函数 jQuery构造函数返回的结果集 链式操作 $(document).ready() $.noConflict方法 jQuery实例对象的方法 结果集的过滤方法 DOM相关方法 添加.复制和移动网页元素的方法 动画效果方法 其他方法 事件处理 事件绑定的简便方法 on方法,trigger方法,off方法 event对象 一次性事件 参考链接 jQuery是目前使用最广泛的JavaScript函数库.据统计,全世界5