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, Feb 03 '16 at 14:19

score 1 · Answer 1 · edited May 23 '17 at 11:59

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 '17 at 11:59

Community

1
1

answered Feb 03 '16 at 14:24

Willian Dallastella

36
4

score 1 · Answer 2 · answered Feb 03 '16 at 14:28

1

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

answered Feb 03 '16 at 14:28

Luca Giardina

478
4
14

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

2 Answers2