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);

变量innerhtml被添加到html 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);

如何使纯文本到HTML javascript

1 个答案: