ansaurus

Question

How to convert html string as html dom element?

Answer 1

+1 A:

setting the innerHTML property of an element does not cause that content to be encoded; it's purpose is specifically for getting and setting the HTML inside an element.

If the response is being html encoded, double check the actual response text you're getting from the server and make sure it's not being encoded on the server side. The response you're seeing may simply be an HTML-rendered version of the text, which would explain how you're seeing triangle brackets instead of the actual html encoded text.

Nathan Ridley 2010-07-09 19:10:02

Thanks Nathan,I found that the response is being encoded. Do we have any built in fuctions to decode the response and assign it to innerHTML of DIV element

kishore 2010-07-09 19:23:17

Just don't encode it to start with. Or if it's happening by a process you don't have control over and you're calling it directly from your javascript, you'll need to create a function to search and replace all of the standard HTML encoded characters with their unencoded equivalents. I'd go with not encoding it to start with though.

Nathan Ridley 2010-07-10 12:09:29

Answer 2

A:

If you have control over that, have the web service send the response in a CDATA section "<![CDATA[" + response + "]]>".

melhosseiny 2010-07-09 19:11:14

He wants it to be rendered as HTML, not as text. You've given the opposite answer to what he asked for.

Nathan Ridley 2010-07-09 19:14:36

Ah yes, my bad. Edited.

melhosseiny 2010-07-09 19:18:48

I tried using div.innerHTML = "<![CDATA[" +response + "]]>" but it did not render html

kishore 2010-07-09 19:44:02

I meant that you should have the web service send the response in a CDATA section.

melhosseiny 2010-07-09 20:02:25

Answer 3

A:

Setting your div.innerHTML to something like

<span style="text-indent: 29px;padding-top:35px;font-size: 16pt;font-family: Arial;color: #FFFFFF;font-weight: bold;position: absolute;text-decoration: none;">89</span>

isn't going to work because that text isn't html encoded, so javascript is treating the quotes like escape sequences. If it was html encoded you would see " in place of the quotes. To encode it you should be able to use the Server.HtmlEncode method.

Ben 2010-07-09 19:44:57

Answer 4

A:

If that's your webservice, change its to output an un-HTML-encoded response.

Otherwise you will have to HTML decode the response before setting it as content. I looked for a lightweight decoder and couldn't find one that was more robust than simple regex.

So, this will probably work for your immediate needs, just beware that it can break on certain combinations of content (which seem unlikely in this case).

response = response.replace (/&lt;/ig, '<').replace (/&gt;/ig, '>');

.
PS: Be sure that this webserver can't supply you with malicious html, like <script> tags.

Brock Adams 2010-07-09 20:00:22

ansaurus

tags:

views:

answers:

How to convert html string as html dom element?

related questions