Cannot add tables to elements by setting innerHTML?

[jceddy]

Anyone know why I can't set the following string to the innerHTML
property of a DIV in IE, using JavaScript. Also, anyone have a
suggestion of how to get around it?

'<TABLE width="100%" align=center border=0>
<TBODY>
<TR align=right>
<TD class=filterItemName noWrap>Category:
AllC1CAT1CAT2CAT3CAT4CheckoutOthersSMUD-Test1ScheduleTEST11svtestsvtest
</TD>
<TD class=filterItemName noWrap>Severity: AllUnspecifiedLowMediumHigh
</TD>
<TD class=filterItemName title="Search note text" noWrap>Notes:
</TD></TR>
<TR align=right>
<TD class=filterItemName noWrap>Time&nbsp;Zone: PDMDCDEDADPSMSCSESAS
</TD>
<TD class=filterItemName noWrap>Created By: </TD>
<TD class=filterItemName noWrap>Modified </TD></TR></TBODY></TABLE>'

Cheers,
Joe

 

[jceddy]

I ended up writing code to parse the HTML and manually create the DOM
elements.

Cheers,
Joe