Добавление содержимого строки в другую строку в таблице HTML - PullRequest
Новая
       1

Добавление содержимого строки в другую строку в таблице HTML

0 голосов
/ 04 февраля 2019

В HTML-документе я пытаюсь объединить содержимое двух строк в одну строку в таблице HTML.После объединения строки, dom должен быть обновлен этой новой строкой, а две предыдущие должны быть удалены.Например: предположим, что таблица выглядит следующим образом 

<!DOCTYPE html>
<html>
<body>
<h2>Basic HTML Table</h2>
<table style="width:100%">
  <tr>
    <td>Jill</td>
    <td>Smith</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
  </tr>
  </tr>
</table>
</body>
</html>

Ожидаемый результат должен содержать одну строку в документе. 

<tr>
  <td>Jill</td>
  <td>Smith</td>
  <td>Eve</td>
  <td>Jackson</td>
</tr>

1 Ответ

0 голосов
/ 04 февраля 2019

Это дает решение 

  function copyDiv(){
  var firstRow= document.querySelector("tr:nth-child(1)");
  var secondRow = document.querySelector("tr:nth-child(2)");
  firstRow.innerHTML += secondRow.innerHTML;
  document.querySelector("table").deleteRow("1");
     }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...