Question

139

'String contains an invalid character' when using document.createElement()

rated 0 times [ 141] [ 2] / answers: 1 / hits: 51813 / 11 Years ago, fri, august 23, 2013, 12:00:00

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

I am getting an error:

InvalidCharacterError: String contains an invalid character

How can I fix this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

havenbilliec

Add To Favorites

Follow

Total Points: 324

Total Questions: 106

Total Answers: 94

Location: Pitcairn Islands

Member since Fri, Oct 15, 2021

3 Years ago

havenbilliec questions

1 Uncaught ReferenceError: process is not defined / Line 0: Parsing error

Thu, Mar 3, 22, 00:00, 2 Years ago

1 React Big Calendar - Is it possible to click on a day and retrieve a list of events on that day?

Fri, Feb 11, 22, 00:00, 2 Years ago

1 Warning: A component is changing a controlled input to be uncontrolled in React js

Fri, May 7, 21, 00:00, 3 Years ago

1 Error: Cannot find module nuxt.js, why my app don't start?

Wed, Apr 7, 21, 00:00, 3 Years ago

1 Redirecting to another html page after successful login attempt

Wed, Nov 25, 20, 00:00, 4 Years ago

View All

answered 11 Years ago kenyamelinad · Accepted Answer

The string you pass to document.createElement is the type of the element, e.g. tr.

If you really want to assemble your HTML as a big string, I suppose you could write:

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

but it's probably cleaner/faster/safer to use DOM manipulation for the whole thing.