(DOM) Styles bei eingefügten Nodes

[Olaf Schneider]

Hallo,

ich sitze an einer kleinen AJAX-Kennenlernapplikation und habe ein Problem mit Stylesheets unter Firefox 1.5.

folgendes Scenario:

Per XMLHttpRequest wird folgendes xml geholt

  
<?xml version="1.0" encoding="utf-8"?>  
<div><h2>title</h2><dl><dt>key</dt><dd>value</dd></dl></div>  

und wie folgt verarbeitet:

  
function doAction(xml) {  
 newNode = xml.cloneNode(true); // der neue Inhalt  
 container = document.getElementById('result'); // der Zielcontainer  
 while (child = container.firstChild) { // alte Inhalte löschen  
  container.removeChild(child);  
 }  
 result = newNode.getElementsByTagName('div')[0];  
  
 container.appendChild(result); // und neuen Inhalt einfügen  
}  

Tatsächlich wird der Code, wie im DOM Inspector zu sehen ist,wie gewünscht eingehängt, im Browser wird allerdings jedes Element als Inlineelement ohne die Browserdefaultstyles angezeigt.

Auffällig ist dabei, dass der DOM Inspector alle xhtml-Elementnamen gross-, die per DOM eingefügten aber kleinschreibt. Erste Tests haben allerdings keine Verhaltensänderungen gezeigt, wenn man die Elementnamen grossschreibt.

Wenn ich für die eingehängten Elemente individuelle Styleangaben mache, werden diese auch problemlos interpretiert.

Meine Frage ist: Warum werden die Browserdefaultstyles nicht auf die per DOM eingehängten Elemente angewendet?

Vielen Dank im voraus,
Olaf Schneider