Форум

allanmiln · #1 (**permalink**) 24.09.2013, 09:12

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

рони · #2 (**permalink**) 24.09.2013, 09:59

allanmiln,

<!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>

рони · #3 (**permalink**) 24.09.2013, 10:07

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 · #4 (**permalink**) 24.09.2013, 10:56

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

Форум

Справочник

Discord чат

Курсы javascript