使用document.createElement()时,"字符串包含无效字符"

Question

var NewRow = document.createElement("<tr><td align='left' valign='top'  width='9%;'  ><img width='32px' height='32px' src='images/" + ProfilePic + "'  /></td><td align='left' valign='Top' ><span class='MsgSpan'>" + Msg + "</span></td><td align='right' align='left' valign='top' style='color:Gray;' >" + Date + "</td></tr>");

我收到一个错误:

InvalidCharacterError: String contains an invalid character

我怎样才能解决这个问题？

Answer 1

传递给的字符串document.createElement是元素的类型,例如tr.

如果你真的想把你的HTML组装成一个大字符串,我想你可以写:

var newRow = document.createElement('tr');
newRow.innerHTML = "<td align='left' valign='top'  width='9%;'  ><img width='32px' height='32px' src='images/" + ProfilePic + "'  /></td><td align='left' valign='Top' ><span class='MsgSpan'>" + Msg + "</span></td><td align='right' align='left' valign='top' style='color:Gray;' >" + Date + "</td>";

但是对于整个事情使用DOM操作可能更干净/更快/更安全.