ansaurus

Question

is newline (\n) not working for innerHTML in IE?

Answer 1

A:

Change your code to:

function txt_out(txt) {
      out_div.innerHTML += "<br />" + txt
  }

Nicolas Webb 2009-11-25 15:58:47

Answer 2

A:

Change to <br />

Py 2009-11-25 15:58:50

Answer 3

+5 A:

This is a known problem in Internet Explorer. As a workaround, insert a <br> element instead of a newline character.

Jordan Ryan Moore 2009-11-25 15:59:04

Exactly. Nice link.

Crescent Fresh 2009-11-25 16:06:45

@BalusC — pre elements do **not** contain CDATA, and br is not on the list of excluded child elements ( http://www.w3.org/TR/html4/struct/text.html#h-9.3.4 ). Why do you think that a br element won't work?

David Dorward 2009-11-25 16:13:40

Answer 4

+2 A:

Doing things like element.innerHtml += something; is usually a bad practice because it makes the browser re-parse the entire contents of the element. As you add more and more data, every time it gets slower and slower. It also invalidates any references/event listeners that other pieces of code might have on its sub-elements.

Better use a div tag; something like:

<div id='out'></div>

and then append new sub-elements on the fly:

out_div = document.getElementById('out');

// add a new message
new_element = document.createElement('div');
new_element.textContent = "your message here";
new_element.className = "some_class"; // CSS class for changing the appearance
out_div.appendChild(new_element);

intgr 2009-11-25 15:59:10

Oops! Fixed JavaScript errors in my answer.

intgr 2009-11-25 16:27:22

ansaurus

tags:

views:

answers:

is newline (\n) not working for innerHTML in IE?

related questions