Element类型的tagName和nodeName

要访问元素的标签名，可以使用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