How to read a HTML table specific row and use the value in javascript

Question

I have a HTML table created and I want to read the value in cell and use it in a javascript.. Can anyone please suggest how to do this...

<table id="table1">
    <tr id="1">
        <td> pue </td>
        <td> 2.86 </td>
    </tr>
</table>

<script>
    var PUIDValue = document.getElementById("pue").value;  
    var chartData1 = [
            {
                "category": "Evaluation",
                "excelent": 20,
                "good": 20,
                "average": 20,
                "poor": 20,
                "bad": 20,
                "limit": 78,
                "full": 100,
                "bullet": PUIDValue
            }
        ];

Its not part of your question so I wouldnt put it in the answer section, but jQuery makes tasks like this much easier... $($("table1").find("tr")[0]).find(td)[1].innerText, or something like that — QBM5
– QBM5, Commented Feb 3, 2016 at 14:19

Community · Accepted Answer · 2017-05-23 11:59:14Z

1

I am not sure about the size and which data you expect to use, but you could convert your table to a javascript array and then get the values from there.

Here is an example: Convert html table to array in javascript

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Feb 3, 2016 at 14:24

Willian Dallastella

364 bronze badges

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

Comments

Luca Giardina · Accepted Answer · 2016-02-03 14:28:41Z

1

mainTr = document.getElementById('1'),
firstTd = mainTr.getElementsByTagName('td')[0]

answered Feb 3, 2016 at 14:28

Luca Giardina

5184 silver badges14 bronze badges

Collectives™ on Stack Overflow

How to read a HTML table specific row and use the value in javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related