如何将纯文本转换为html javascript var innerHtml=''+getResponse[i].注意+'' +''+getResponse[i].id+'' +''+getResponse[i].日期+'' + ''+ '#' +''; var table=document.getElementById('table').getElementsByTagName('tbody')[0]; var newRow=table.insertRow(table.rows.length); var newText=document.createTextNode(innerHtml); newRow.appendChild(newText);

如何将纯文本转换为html javascript var innerHtml=''+getResponse[i].注意+'' +''+getResponse[i].id+'' +''+getResponse[i].日期+'' + ''+ '#' +''; var table=document.getElementById('table').getElementsByTagName('tbody')[0]; var newRow=table.insertRow(table.rows.length); var newText=document.createTextNode(innerHtml); newRow.appendChild(newText);,javascript,Javascript,变量innerhtml添加到html innerhtml中,但innerhtml不被视为html,它被视为纯文本…文本节点是文本节点。如果需要元素节点,请创建元素节点。不要构建文本字符串并尝试转换它 var innerHtml ='<td>'+ getResponse[i].note +'</td>' + '<td>'+ getResponse[i].id +'</td>'

变量innerhtml添加到html innerhtml中,但innerhtml不被视为html,它被视为纯文本…

文本节点是文本节点。如果需要元素节点,请创建元素节点。不要构建文本字符串并尝试转换它

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

您正在使用
document.createTextNode(innerHtml)
将其转换为文本节点。该代码中存在一些错误,但其精神是正确的。我很好奇你是否觉得JQuery也过度使用了innerHTML。
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);