Изменить текст в одной ячейке при клике на другую

Question

Нужно, чтобы при клике на кнопку, текст в определённом <td> менялся на некоторый заданный.

function change(r) {
  var i = r.parentNode.parentNode.rowIndex;
  document.getElementById('myTable')
}

<table id="myTable">
  <tr>
    <td>Один</td>
    <td>Два</td>
    <td><input type="button" class="change" value="Три" onclick='change(this)' /></td>
  </tr>
</table>

Answer 1

Пример смены текста:

function change(r) {
  var table = document.getElementById('myTable');
  // Для первой ячейки в том же ряду, где находится кнопка
  r.parentNode.parentNode.getElementsByTagName('TD')[0].innerText = 'Три';
  // Для второй ячейки в ряду с индексом #0
  table.getElementsByTagName('TR')[0].getElementsByTagName('TD')[1].innerText = 'Четыре';
}

  <table id="myTable">
  <tr>
  <td>Один</td>
  <td>Два</td>
  <td><input type="button" class="change" value="Три" onclick='change(this)'/></td>
  </tr>
  </table>

БЛОГ НА HUSL

Изменить текст в одной ячейке при клике на другую

Ответы (1 шт):