如何使用Javascript获取元素的名称？

Question

我正在尝试在Javascript中获取元素的名称。如果元素为<div />，则表示将返回"div"。如果是<img src="" />，则会返回"img"。我正在使用jquery来选择一堆元素，然后在所有元素上调用自定义函数。在这个函数中，我想知道我正在处理什么。我该怎么做？

似乎很简单。我想我以前做过但我找不到它。无论我怎么说，谷歌的结果都让我“按名称获取元素”。

Answer 1

使用nodeName（请参阅this note about tagName）：

  

“我的建议是根本不使用tagName。   nodeName包含tagName的所有功能，以及更多功能。因此nodeName始终是更好的选择。“

Answer 2

tagName或nodeName

Answer 3

你想要element.nodeName或者，在jQuery中：

$(".includeMe").each(function(){
  alert(this.nodeName);
});

<img class="includeMe" src="puppies.jpg" />
<div class="includeMe">Hello World</div>
<p   class="includeMe">Don't forget me as well</p>

Answer 4

$(selector).each(function() {
    switch (this.tagName) {
        // Handle cases
    }
});

Answer 5

对于element.tagName和element.nodeName，返回大写字母的名称。

如果您想要小写，请使用element.tagName.toLowerCase()或element.nodeName.toLowerCase()。