Javascript Object.innerHtml不能替代提供的整个字符串参数

Question

newcell.innerHTML='<td id=\\"blah1\\">'+BLAH+'</td>'; For some strange reason my <td>BLAH</td> is correctly rendered on the page but any attributes that I give inside the td tag just don't display. Any pointers? Sorry if this might sound very silly, I have very less experience in front end. Any 'must look' tutorials would be appreciated. Thanks

Answer 1

If newCell in this case represents a <td> then you need to either use outerHTML instead of innerHTML , or programmatically set the properties you need.

var newCell = document.createElement("td");
newCell.outerHTML = '<td id=\"blah1\">'+BLAH+'</td>';

or

var newCell = document.createElement("td");
newCell.id = "blah1";
newCell.innerHTML = BLAH;

Answer 2

If you're declaring a Javascript string with single quotes, you don't need to escape any double-quotes that you use inside it. Try newcell.innerHTML='<td id="blah1">'+BLAH+'</td>'; .