這個問題在這里已經有了答案： 附加模板字串 (1 個回答) 將 HTML 字串附加到 DOM （10 個回答） 2 小時前關閉。
function addthis(){
var title=document.getElementById("title").value;
var desc=document.getElementById("desc").value;
var newRow=document.querySelector('tbody');
var newbody=`<tr>
<td>${title}<td>
<td>${desc}</td>
</tr>`;
newRow.append(newbody);
}
當用戶單擊“添加到串列”時，我試圖添加新行并在其中添加此內容，但輸出是將每個內容顯示為<tr><td>hello<td><td>title</td></tr>這樣。
使用它的正確方法應該是什么
uj5u.com熱心網友回復：
append將插入DOMString物件作為Text節點，轉義 HTML。
使用insertAdjacentHTML來代替：
function addthis() {
var title = document.getElementById("title").value;
var desc = document.getElementById("desc").value;
var newRow = document.querySelector('tbody');
var newbody = `<tr>
<td>${title}<td>
<td>${desc}</td>
</tr>`;
newRow.insertAdjacentHTML('beforeend', newbody);
}
addthis()<input id="title" value="title">
<input id="desc" value="description">
<table>
<tbody></tbody>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/362270.html
標籤：javascript 模板
下一篇：禁用空型別的類模板成員？