Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать добавление tr в таблицу после первой строки? (https://javascript.ru/forum/dom-window/41662-kak-sdelat-dobavlenie-tr-v-tablicu-posle-pervojj-stroki.html)

allanmiln 24.09.2013 09:12

Как сделать добавление tr в таблицу после первой строки?
 
.append() добавляет в конец, а .prepend() - в самое начало (до заголовков таблицы), как добавить строку в начало после первого <tr></tr>, т.е. после заголовков?

рони 24.09.2013 09:59

Добавление строк в таблицу Native JavaScript
 
allanmiln,
:cray:
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
  <table>
    <tr>
      <td>1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>2</td>
      <td>2</td>
    </tr>
  </table>
  <script>
  var table = document.querySelector("table"),
  tr = table.insertRow(1),
  td = tr.insertCell(0);
  td.appendChild(document.createTextNode("more content"));
  td = tr.insertCell(1);
  td.appendChild(document.createTextNode("more content"));
  </script>
</body>

</html>

рони 24.09.2013 10:07

Добавление строк в таблицу на jQuery
 
allanmiln,
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  <script>
   $(document).ready(function () {
           $("<tr><td>more content</td><td>more content</td></tr>").insertAfter($("tr:first"));

       });
  </script>
</head>

<body>
  <table>
    <tr>
      <td>1</td>
      <td>1</td>
    </tr>
    <tr>
      <td>2</td>
      <td>2</td>
    </tr>
  </table>
</body>

</html>

allanmiln 24.09.2013 10:56

рони,
Спасибо, второй вариант - что надо!


Часовой пояс GMT +3, время: 15:50.