Извлечение данных из определенного столбца Использование JavaScript

Question

Вот таблица: -

var thetable = ""; 
    thetable= thetable + "<tr><th>Audit ID</th><th>Date Modified</th><th>Auditor</th><th>Franchisee Name</th><th>Store ID</th><th>Template Name</th><th>Description</th></tr>"; 

Как извлечь данные из определенного столбца с помощью JavaScript? Я новичок в этом, поэтому любая помощь будет принята с благодарностью :)

Answer 1

посмотрите на эту demo

HTML

<table id="mytable" border="1"> 
    <tr> 
    <th>Audit ID</th> 
    <th>Date Modified</th> 
    <th>Auditor</th> 
</tr> 
    <tr> 
    <td id="colA_rowA">1</td> 
    <td id="colB_rowA">2</td> 
    <td id="colC_rowA">3</td> 
    </tr> 
    <tr> 
    <td id="colA_rowB">4</td> 
    <td id="colB_rowB">5</td> 
    <td id="colC_rowB">6</td> 
    </tr> 
</table> 

JavaScript

// Option one by cell id 
alert(document.getElementById("colB_rowA").innerHTML); 

// Another option to run on all table 
GetCellValues(); 

function GetCellValues() { 
    var table = document.getElementById('mytable'); 
    for (var r = 0, n = table.rows.length; r < n; r++) { 
    for (var c = 0, m = table.rows[r].cells.length; c < m; c++) { 
     alert(table.rows[r].cells[c].innerHTML); 
    } 
    } 
} 

Answer 2

innerHTML - твой друг. Пример фрагмента для таблицы с id = mytable.

function GetCellValues() { 
    var table = document.getElementById('mytable'); 
    for (var r = 0, n = table.rows.length; r < n; r++) { 
     for (var c = 0, m = table.rows[r].cells.length; c < m; c++) { 
      alert(table.rows[r].cells[c].innerHTML); 
     } 
    } 
}