Node-Objekt

[NicM]

Hallo zusammen!

Ich habe ein Problem:

Beim IE scheint die Baumstruktur des HTML-Dokuments nicht identisch zu sein wie beim FF. Und zwar sieht der FF jede neue Zeile im Quelltext als leerer Text-Node. Der IE hingegen nicht. Wenn ich z.B. fünf DIVs innerhalb von einem anderen DIV habe, dann ist die Länge des childNodes-Objekts des übergeordneten DIVs beim FF gleich 11. Beim IE aber ist es 5 (was eigentlich so sein sollte).

Kann mir jemand sagen, wie man das beheben kann?

Danke, NicM

[Cord Worthmann]

Du kannst z. B. bei den standard-konformen Browsern alle leeren Textknoten löschen.

function clearWhitespace(node, deep) {
    var cn = node.childNodes;
    for (var i = 0; i < cn.length; i++) {
        if (cn[i].nodeType == 3 && cn[i].nodeValue.match(/\s*/)) node.removeChild(cn[i]);
        else if (deep && cn[i].nodeType == 1) clearWhitespace(cn[i], true);
    }
};

Grüsse

[ein schlauer]

Die Frage ist auch, warum du alle childNodes brauchst?

Das folgende macht exakt das was du möchtest.

var nodes = document.getElementById('hauptDIV').getElementsByTagName('div');