Как получить значение ячейки в таблице с помощью Javascript

Question

Я написал эту функцию, чтобы получить значения ячеек таблицы в Javascript. Использование innerHTML возвращает значение ячейки вместе с HTML-кодом. Пройдя через некоторые форумы, вы должны узнать, что innerText должен использоваться для получения значения ячейки. Но в моем состоянии он возвращается пустым.

Ниже скрипт, который я использую.

function validateMyFunction() {
    var sTableName = document.getElementById("tablename");
    alert("sTableName>>>>>>>>>>"+sTableName);
    alert("sTableName>>>>>>>>>>"+sTableName.rows.length);
    for (var i=0;i<sTableName.rows.length;i++) {
        var col1= sTableName.rows[i].cells[11].innerText;
        var col2= sTableName.rows[i].cells[9].innerText;
    }
}

Может кто-нибудь, пожалуйста, помогите с любыми альтернативами для этого.

Благодарю.

Answer 1

Вы можете использовать следующий код, чтобы получить значение ячейки таблицы

var sTableName = document.getElementById("tablename");
for(var i=0;i<sTableName.children[0].childElementCount;i++) 
{
  var tableRow = sTableName.children[0].children[i];
  for(var j=0;j<tableRow.childElementCount;j++)
  {
    var tableColumn = tableRow.children[j];
    console.log('Cell ['+i+','+j+'] value: '+tableColumn.innerText);
  }
}

используйте приведенный выше фрагмент кода в своей функции, и вы можете использовать tableColumn.innerText для проверки его значения.

Наслаждайтесь написанием сценариев!:)

Answer 2

У вас есть значения в этих местах? Работает для меня хорошо, используя этот пример:

<table id="tablename">
    <tr>
        <td>hi!</td>
    <tr>
</table>
<button onclick="showCell()">Show Cell Value</button>

<script>
function showCell() {
    var sTableName = document.getElementById("tablename");

    for (var i=0;i<sTableName.rows.length;i++) {
        var col1= sTableName.rows[i].cells[0].innerText;
        alert(col1)
    }
}
</script>