How to get value on class and put into array JavaScript DOM?

Question

I have some tables that have data and can using it on <td>. So more like it I have something like this (show on images below)

My Element

I want to get that all positions Name and put it into an array so I can make of use that array I tried to use this code and got undefined

script.js

/** Checking if There positions name */
function checkPositions(){
   let positions = document.getElementsByClassName('check-positions').innerHTML;
   let array = [];
   array.push(positions);
   console.log(array);
}

Then how can I get that value??

Soc · Accepted Answer · 2020-05-05 07:02:17Z

3

The problem that you have is that document.getElementsByClassName('check-positions') returns a HTMLCollection which does not have an innerHTML property.

What you need to do is convert the HTMLCollection into an array, and then read the innerHTML property for each of the items in the array. See the following example:

const elements = document.getElementsByClassName('check-positions');
const positions = Array.from(elements).map(element => element.innerHTML);

console.log(positions);

<div class="check-positions">1</div>
<div class="check-positions">2</div>
<div class="check-positions">3</div>

answered May 5, 2020 at 7:02

Soc

7,8184 gold badges19 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prabhat Singh · Accepted Answer · 2020-05-05 07:04:31Z

1

Use like this

   let positions = document.getElementsByClassName('check-positions')[0].innerHTML;

It's showing none because u r fatching whole array and pushing it without using indexes

Code

function checkPositions(){
       all_ele = document.getElementsByClassName('check-positions')
       length = all_ele.length
       let array = [];
       for( let i=0;i<length;i++)
       {
          let positions = document.getElementsByClassName('check-positions')[i].innerHTML;
          array.push(positions);
       }   
       console.log(array);

answered May 5, 2020 at 7:04

Prabhat Singh

1,5751 gold badge17 silver badges34 bronze badges

Comments

Gaurav Chittor · Accepted Answer · 2020-05-05 07:11:22Z

0

you can use jquery code to do this.

var arr = [];
$("#tablePlacement tr").each(function() {
var name =  $(this).children('td.check-positions').text();
arr.push(name);
});

answered May 5, 2020 at 7:11

Gaurav Chittor

132 bronze badges

Comments

Waqas Yousaf · Accepted Answer · 2020-05-05 07:30:35Z

-1

You should use

let positions = document.getElementsByClassName('check-positions').innerText;

answered May 5, 2020 at 7:30

Waqas Yousaf

2844 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to get value on class and put into array JavaScript DOM?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related