Как оставить невидимый маркер в DOM, чтобы позже я мог заполнить его элементами?

Question

Как оставить невидимый маркер в DOM, чтобы позже я мог заполнить его элементами?

0

Представьте себе ситуацию, когда я хотел бы динамически поместить строки в таблицу:

<table>

  <tr><th>Title</th><th>Author</th>
  <div class="rowsGoHere"></div>

</table>

Проблема с этим кодом заключается в том, что Chrome, например, считает, что <div> внутри a <table> является незаконным, а полученный код страницы, который я вижу в инспекторе, следующий:

<div class="rowsGoHere"></div>
<table>
  <tr><th>Title</th><th>Author</th>
</table>

Поэтому Chrome автоматически помещает этот div над таблицей. Теперь вопрос в том, как мне избежать этой ситуации? Можно ли использовать что-то другое, кроме этого <div> которое я могу позже ссылаться на элементы вставки в или после него? Я также должен указать, что этот элемент должен быть общим: я не могу просто использовать <tr class="rowsGoHere">.

Это строго вопрос html вопрос, пожалуйста, не рекомендуйте код jQuery или что-то подобное.

snitko 05 янв. 2014, в 00:48

Источник

Теги:

html

dom

google-chrome

2 ответа

Ещё вопросы

Kostis · Answer 1 · 2014-01-04T22-08-00.000Z

1

Вы можете всегда использовать tbody для добавления новых строк

<table>
   <thead>
   <tr><th>Title</th><th>Author</th>
   </thead>
   <tbody>
   <!--rowsGoHere-->
   </tbody>
</table>

Kostis 04 янв. 2014, в 22:08

0

Как я уже говорил, это не сработает - это должен быть общий элемент (это требование). Но ваш ответ дал мне идею: могу ли я использовать комментарий  ? Это узнаваемый член DOM? Могу ли я вставить после или до этого?
snitko 04 янв. 2014, в 23:47
0

Что вы подразумеваете под «общим элементом»? Вместо <div class = "rowGoHere"> </ div> вы можете использовать <tbody class = "rowGoHere"> </ tbody>
Kostis 04 янв. 2014, в 23:50
0

Я имею в виду: мне нужен один элемент, который я могу использовать как внутри, так и снаружи <table> .
snitko 04 янв. 2014, в 23:51
0

А ну понятно. Это будет сложно. Ваша идея использовать HTML-комментарий для добавления / добавления строк может сработать. Это может помочь stackoverflow.com/questions/18578784/…
Kostis 04 янв. 2014, в 23:58
0

Да, я проверял это. Это на самом деле работает. Спасибо, что помогли мне это выяснить.
snitko 05 янв. 2014, в 00:03

Показать ещё 3 комментария

snitko · Answer 2 · 2014-01-04T23-05-00.000Z

Поэтому я закончил это:

<table>

  <tr><th>Title</th><th>Author</th>
  <!--rowsGoHere-->

</table>

Затем я мог бы идентифицировать этот комментарий как элемент DOM и вставить то, что мне нужно, до него с помощью insertBefore(). Преимущество такого подхода заключается в том, что он полностью действителен независимо от того, с какими элементами html он используется (я могу использовать его как с <table> так и внутри <div> или <ul>).