Search code examples
javascripthtmlgetelementsbytagnamegetelementsbyclassname

Get elements 'tag name' by searching Class name


I'm trying to get element tag name which is associated with the element with a certain class name.

I know I can do these two lines of code to get the class name and the tag name.

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

I'm just asking if there is a way of doing something like below to get the tag name which belongs to the element with the class name?

document.getElementsByClassName(returnedPatientID).tagName

Example

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>

I'm trying to get the name attribute value so that it'll show "regeneratePostnatal"


Solution

  • Are you trying to get the attribute name value?

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