Bootbox moving DIV теги вне таблицы

Question

Я использую Bootbox для отображения модального.

Используя JS, я создаю строку в сообщении:

display = "<b>Notes</b>"; 
display += "<br><br>"; 

display += "<table class='table' id='notes-table'>"; 
display += "<div>"; 
display += "<tr><td>"; 
display += "..."; 
display += "</td></tr>"; 
display += "</div>"; 
display += "</table>"; 

Тогда я называю модальность:

bootbox.alert({ 
    message: display, 
    buttons: { 
     ok: { 
      label: 'Close' 
     } 
    } 
    //Example.show("Hello world callback"); 
}); 

Logging display в консоли, я получаю:

<b>Notes</b><br><br><table class='table' id='notes-table'><div><tr><td>...</td></tr></div></table> 

Однако, когда я проверяю DOM, я получаю:

<b>Notes</b> 
<br> 
<br> 
<div></div> 
<table class='table' id='notes-table'> 
<tbody> 
<tr> 
<td>...</td> 
</tr> 
</tbody> 
</table> 

Почему метки DIV больше не обертывают стол?

Answer 1

Это произойдет потому, что положить <div> тега непосредственно внутри тега <table> не является допустимой структура HTML, так что браузер будет исправить это автоматически и вернуть корректное выражение, поставив <div> тега из таблицы.

Надеюсь, это поможет.