javascript正在关闭我的HTML标记

javascript is closing my HTML tags

本文关键字：我的 HTML 标记 javascript      更新时间：2023-09-26

我正在使用javascript向页面添加一个表。

$("#tablediv").append("<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>");

问题是运行</tbody>和</table>的内容在最后被添加。

我该如何阻止这种情况的发生？

谢谢。

您是否试图在创建表后向表中添加新元素？

标识您的表，然后附加到该表。

$("#tablediv")
  .append("<table id='mytable' border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr></table>");​​​
$("#mytable")
  .append("<tr><td>Bla</td><td>Foo</td><td>Bar</td></tr>");

每次您想向表中添加新行时，调用第二个jQuery函数。

我觉得你想要这个，这样你就可以循环输出结果了？

var table = "<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>";
// loop through your data here
table += "</tbody></table>";
 document.getElementById("tablediv").innerHTML += table;

创建var，将您的东西附加到它上，然后在准备好时调用.append（html）

var html = "";
html += "<table border = '1'><tbody><tr><td width='100px'><b>Result</b></td><td width='100px'><b>Binding</b></td><td width='744px'><b>Value</b></td></tr>"
$("#tablediv").append(html);

你不能。您操作的是DOM，而不是HTML流。

jQuery允许您使用HTML语法来描述要创建的DOM片段（然后可以插入或以其他方式操作），但这只是为了方便。如果HTML不是一个有效的片段，它将被错误更正。

如果你想处理HTML片段，你必须以字符串的形式处理，而不是jQuery对象

相关文章：