获取元素'标记名称'通过搜索班级名称

时间:2015-06-04 11:35:45

标签: javascript html getelementsbytagname getelementsbyclassname

我试图获取与具有特定类名的元素相关联的元素标记名称。

我知道我可以使用这两行代码来获取类名和标记名。

document.getElementsByTagName("regeneratePostnatal");
document.getElementsByClassName(returnedPatientID);

我只是问是否有办法做下面这样的事情来获取属于具有类名的元素的标记名称?

document.getElementsByClassName(returnedPatientID).tagName

示例



var element = document.getElementsByClassName("oneID")[0].tagName;
document.getElementById("returnedValue").innerHTML = element;

var element2 = document.getElementsByClassName("oneID")[0].nodeName;
document.getElementById("returned2Value").innerHTML = element2;

<a class="oneID" name='regeneratePostnatal'>Click</a>
<div id="returnedValue"></div>
<div id="returned2Value"></div>
&#13;
&#13;
&#13;

我试图获取名称属性值,以便它显示&#34; regeneratePostnatal&#34;

3 个答案:

答案 0 :(得分:2)

您是否尝试获取属性 name 值?

&#13;
&#13;
var element = document.getElementsByClassName("oneID")[0].getAttribute('name');
document.getElementById("returnedValue").innerHTML = element;
&#13;
<a class="oneID" name='regeneratePostnatal'>Click</a>
<div id="returnedValue"></div>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您要查找的媒体资源是nodeName

document.getElementsByClassName(returnedPatientID)[0].nodeName

W3Schools

答案 2 :(得分:0)

是的,您可以获得tagName但是您需要使用index,因为getElementsByClassName会返回一个数组集合。所以要获取tagName:

console.log(document.getElementsByClassName('YourClass')[0].tagName);

//Or in a loop
var len = document.getElementsByClassName('YourClass').length;
for(var i=0;i<len;i++){
  console.log(document.getElementsByClassName('YourClass')[i].tagName);
}