Get elements 'tag name' by searching Class name

Question

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"

`getElementsByClassName` returns a collection. Which tagName are you looking for? First, last, all? — CodingIntrigue, Jun 04 '15 at 11:39
You can use `tagName` or `nodeName` for that. Make sure `returnedPatientID` is a class, because it implies an Id :) — A1rPun, Jun 04 '15 at 11:39
You can find the answer to your question in below link. http://stackoverflow.com/questions/5347357/jquery-get-selected-element-tag-name — Rizwan Farooq, Jun 04 '15 at 11:56
http://stackoverflow.com/questions/5347357/jquery-get-selected-element-tag-name — Rizwan Farooq, Jun 04 '15 at 12:00

score 2 · Accepted Answer · answered Jun 04 '15 at 11:58

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>

score 0 · Answer 2 · answered Jun 04 '15 at 11:38

0

The property you are looking for is nodeName:

document.getElementsByClassName(returnedPatientID)[0].nodeName

W3Schools

answered Jun 04 '15 at 11:38

laruiss

3,780
1
18
29

2

`tagName` is the same as `nodeName`. The problem is `getElementsByClassName` returns multiple results – CodingIntrigue Jun 04 '15 at 11:40
Right, almost the same, you are right, but is `tagName`, not `tagname` as he wrote it. – laruiss Jun 04 '15 at 11:43
I'm currently only getting a value back of "A". I've updated my question to show you the example – YaBCK Jun 04 '15 at 11:52
Well `'A'` is definitely the tag name of the tag which has '`oneID`' in its `classList`... – laruiss Jun 04 '15 at 11:54
@laruiss How would I go about getting the attribute value of name = "regeneratePostnatal" ? – YaBCK Jun 04 '15 at 11:57

Zee · Answer 3 · 2015-06-04T11:46:05.590

0

Yes you can get the tagName but you need to use index as getElementsByClassName returns a collection of array. So to get the 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);
}

edited Jun 04 '15 at 11:46

answered Jun 04 '15 at 11:40

Zee

8,420
5
36
58

Get elements 'tag name' by searching Class name

3 Answers3