ansaurus

Question

Firefox/XHTML: creating and appending nodes

Answer 1

+2 A:

var textNode = '<p>This will be dynamically generated.</p>';
myDiv.appendChild(textNode);

You need to create the <p> element and the text inside of it as distinct nodes. This should be:

var paragraph = document.createElement('p');
var textNode  = document.createTextNode('This will be dynamically generated.');

paragraph.appendChild(textNode);
myDiv    .appendChild(paragraph);

That's assuming that you really want the <p>...</p> element. If you can do without it then simply create the text node and append that to myDiv.

John Kugelman 2010-09-01 23:44:45

Well, that's the issue... we need to be able to make a text node out of a long string of elements that would be infeasible to turn into nodes. This is what I dislike about XHTML-compliance.

Rujiel 2010-09-01 23:47:02

Answer 2

+1 A:

Is there a reason you don't just put your code into an onload handler? It sounds as if it would solve most of your problems, if not all.

Right now, you're trying to modify the DOM tree before the browser has finished parsing the XHTML.

Dori 2010-09-02 01:24:37

This software needs to be able to write out page elements from a third party includes (< script type="text/javascript" src="http://mysite.com/something.jsp>), so no page elements could be assumed on my part to anchor an onload to.

Rujiel 2010-09-02 18:01:45

Do you have any control over the external script? If you do, put it inside a function. If not, maybe that code is already inside a function? In either case, have a local `onload` handler call the external function. Otherwise, you're stuck—if you have no control over the external JavaScript, and it runs automatically before the DOM tree is fully created, and it tries to modify the DOM, it will occasionally fail. You can't modify something that doesn't exist.

Dori 2010-09-02 23:05:32

ansaurus

tags:

views:

answers:

Firefox/XHTML: creating and appending nodes

related questions