要访问元素的标签名,可以使用tagName
或nodeName
属性;这两个属性返回的值相同
假设HTML如下:
<div id="a"></div>
获取标签名:
var ele = document.getElementById('a');
console.log(a.tagName) //DIV
console.log(a.nodeName) //DIV
console.log(a.nodeName == a.tagName) //true
在HTML中,标签名会以全部大写表示;
而在XML中(部分XHTML)中,标签名则始终保持与源代码一致。
基于上面的特性,在判断标签名的时候,需要做些兼容处理:
var ele = document.getElementById('a');
if( ele.tagName.toLocaleLowerCase() == 'div' ){
console.log( 'div success' );
}
有关它们的区别,这位老师总结的很详细,https://blog.csdn.net/borishuai/article/details/5719227