Convert <td> elements into array with Javascript

Question

My goal is to create one array and later on insert some data using .unshift method.

I want an array to contain td elements only and be created using JavaScript instead of jQuery. Is it possible?

Here's my table :

<table id="scorestable">
    <tr>
        <th>Type</th>
        <th>Score</th>
        <th>Score</th>
        <th>Type</th>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    .....

Is it possible? That's your question?

user1106925
– user1106925

2016-09-23 21:08:35 +00:00
Commented Sep 23, 2016 at 21:08 — user1106925
– user1106925, Commented Sep 23, 2016 at 21:08
No, because you haven't tried anything.

evolutionxbox
– evolutionxbox

2016-09-23 21:10:22 +00:00
Commented Sep 23, 2016 at 21:10 — evolutionxbox
– evolutionxbox, Commented Sep 23, 2016 at 21:10

T.Todua · Accepted Answer · 2016-09-23 21:09:00Z

1

simply use:

var elements = document.getElementById("scorestable").getElementsByTagName('td');

then you will have: elements[0] , elements[1] and etc..

answered Sep 23, 2016 at 21:09

T.Todua

57.1k22 gold badges261 silver badges266 bronze badges

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

4 Comments

user1106925 Over a year ago

That's not an array, so it won't have unshift. It will live-update, but we don't know that's what the OP wants.

evolutionxbox Over a year ago

Array like objects FTW!

Barmar Over a year ago

See stackoverflow.com/questions/4557817/… for how to convert the NodeList to an array.

jconder Over a year ago

As @adil.hilmi's answer shows, you only need to add Array.prototype.slice.call(<SomeNodeList>); to get an Array from a NodeList

adil.hilmi · Accepted Answer · 2016-09-23 21:52:27Z

0

<table id="scorestable">
  <tr>
    <th>Type</th>
    <th>Score</th>
    <th>Score</th>
    <th>Type</th>
  </tr>
  <tr>
    <td>33</td>
    <td></td>
    <td>6</td>
    <td></td>
  </tr>
</table>

<script>
  window.onload = function(e) {
    var arrayResult = [];
    var tdList = Array.prototype.slice.call(document.getElementById("scorestable").getElementsByTagName('td'));
    tdList.forEach(function logArrayElements(element, index, array) {
      if (element.innerText && element.innerText != "undefined") {
        arrayResult.unshift(element.innerText);
      }
    });
    console.log(arrayResult);
  }

</script>

answered Sep 23, 2016 at 21:52

adil.hilmi

1975 bronze badges

Collectives™ on Stack Overflow

Convert <td> elements into array with Javascript

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related