通过搜索 Class 名称获取元素 'tag name'

Question

我正在尝试获取与具有特定 class 名称的元素关联的元素标签名称。

我知道我可以执行这两行代码来获取 class 名称和标签名称。

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

我只是问是否有一种方法可以像下面这样获取属于具有 class 名称的元素的标签名称？

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>

我正在尝试获取名称属性值，以便显示 "regeneratePostnatal"

Answer 1

您要找的属性是nodeName:

document.getElementsByClassName(returnedPatientID)[0].nodeName

W3Schools

Answer 2

是的，你可以获得 tagName 但你需要使用 index 作为 getElementsByClassName returns 数组的集合。所以要获取标签名称：

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);
}

Answer 3

您是否正在尝试获取属性名称的值？

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

<a class="oneID" name='regeneratePostnatal'>Click</a>
<div id="returnedValue"></div>

通过搜索 Class 名称获取元素 'tag name'

Get elements 'tag name' by searching Class name

javascript

html

getelementsbytagname

getelementsbyclassname