javascript - 按类别检测元素标签名称

Question

我想知道是否有办法通过其类或 id 获取元素的名称。

例如<input class="some-class" type="text" />返回“输入”

谢谢。

Answer 1

您可以使用：

var input = document.getElementsByClassName("some-class")[0]
alert(input.type);
alert(input.name);

Answer 2

尝试tagName：

var input = document.getElementsByClassName("some-class")[0];
alert(input.tagName);

JSFiddle：http: //jsfiddle.net/PG656/1/

Answer 3

用这个：

$('.classTag').get(0).tagName;

或这个：

$('.classTag')[0].tagName;

例如，我们有这个标记：

<div class=classTag>my div </div>


var $tag = $('.classTag')[0].tagName; //this will return 'DIV'as result
alert($tag);

Answer 4

var tagName = $('.some-class').prop('tagName');

标签的名称将以大写字母返回

Answer 5

实际上$('.some-class')返回这个类的一个元素数组，所以你必须循环遍历它：

$('.some-class').each(function(){ 
    console.log(this.nodeName); 
});

这会将它们的节点名称输出到控制台