gpt4 book ai didi

javascript - 动态地向表中添加行

转载 作者:可可西里 更新时间:2023-11-01 13:26:45 24 4
gpt4 key购买 nike

我正在尝试动态添加 <tr>有两个<td>进入 <table>通过 javascript,但我的 fiddle 似乎什么也没做,有人看到问题了吗?

fiddle :https://jsfiddle.net/otL69Lpo/2/

HTML:

<button type="button" onclick="myFunction()">Click Me!</button>

<table class="table table-bordered" id="chatHistoryTable">
<tr>
<td>
12:30:30
</td>
<td>
text here
</td>
</table>

JS:

function myFunction() {
var table = document.getElementById("chatHistoryTable");

var tr = document.createElement("tr");
var td = document.createElement("td");
var td2 = document.createElement("td");
var txt = document.createTextNode("TIMESTAMP");
var txt2 = document.createTextNode("user: text");

td.appendChild(txt);
td2.appendChild(txt2);
tr.appendChild(td);
tr.appendChild(td2);
table.appendChild(tr);
}

输出应为:

| TIMESTAMP | user: text |

最佳答案

这是 jsFiddle 中的常见问题。如何加载 JS 有多种选择,您需要将加载更改为:

  • No wrap - in <head>
  • No wrap - in <body>

enter image description here

关于javascript - 动态地向表中添加行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36854549/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com