Bootbox在表格外移动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"); 
}); 

记录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>标记出表的返回有效的表达。

希望这会有所帮助。