如何将纯文本转换为 html javascript

Question

var innerHtml ='<td>'+ getResponse[i].note +'</td>'
                                    + '<td>'+ getResponse[i].id +'</td>'
                                    + '<td>'+ getResponse[i].date +'</td>'
                                    + '<td>'+ '#' +'</td>';

var table = document.getElementById('table').getElementsByTagName('tbody')[0];
                                var newRow   = table.insertRow(table.rows.length);
                                var newText  = document.createTextNode(innerHtml);
                                newRow.appendChild(newText);

在 html innerhtml 中添加了变量 innerhtml 但 innerhtml 不被认为是 html ，它被认为是纯文本......

Answer 1

文本节点是文本节点。如果需要元素节点，则创建元素节点。不要构建文本字符串并尝试对其进行转换。

var newRow   = table.insertRow(table.rows.length);

var note = document.createElement('td');
note.appendChild(document.createTextNode(getResponse[i].note));
newRow.appendChild(note);

var id = document.createElement('td');
id.appendChild(document.createTextNode(getResponse[i].id));
newRow.appendChild(id);

var date = document.createElement('td');
date.appendChild(document.createTextNode(getResponse[i].date));
newRow.appendChild(date);

var poundSymbol = document.createElement('td');
poundSymbol.appendChild(document.createTextNode("#"));
newRow.appendChild(poundSymbol);