Zusammenhang DOM/CSS/HTML

[Tom Bombadil]

Hallo ich habe mal ein paar Verständnisfragen zu den verschiedenen Konzepten im Web.

Am besten am Beispiel:

Ich habe ein HTML Element, dass ich mittels style definiere, so:

  
<iframe src= "EMPTY_IFRAME.htm" name="COLUMNS" id="COLUMNS" frameborder="0"  scrollinge=no style="width=290;height=240">IFRAME  
</iframe>  

Jetzt versuche ich die Ausmaße wieder auszulese, und zwar mit JS und der DOM-Struktur:

  
  alert(document.getElementById("COLUMNS").width);  

Hier wird nichst ausgegeben. Wenn ich in den iframe-TAG noch ein "HTML-width" hinzufüge, dann klappts. Aber wenn nicht, dann wird das aus dem CSS-style befehl nicht übernommen.

1. Frage wie stehen CSS und DOM zueinander. Wie überlagern diese sich gegebenfalls. Kann ich CSS-style Elemente beeinflussen bzw. dynamisch setzen?

Das wäre auch meine 2. Frage: Wenn ich das outerHTML-Attribut eines DOM-Objektes verändere z.B.

  
  <div name="div1"></div>  

wird mit

  
  document.getElementById("div1").outerHTML = "<div name="div2"></div>"  

gesetzt. Wird der neue Name nicht in das DOM übernommen. Wie stehen diese Tags mit dem DOM in Verbindung bzw. werden diese abgeglichen, und wenn ja wann?

Ich hoffe ihr könnt mir wenigstens ein wenig Erleuchtung bringen

MFG

Tom