appendData() is not a function

webcoolcity

hallo leute,

bräuchte mal eure hilfe !

warum sagt die Fehlerkonsole das die funktion appendData() keine funktion ist !

brauch aber diese funktion, hier ein JavaScriptCodeschnipsel:

PHP

var quader = tmp['xml'].getElementsByTagName('quader')[0];

        if(!quader.getAttribute('status') == 0) {

            window.clearInterval(alert_prozessor);

            face = quader.getElementsByTagName('face')[0];

            content = document.getElementById('ajax_1')

            display = document.createElement('h3');

            hr = document.createElement('hr');
            hr.setAttribute('width', face.getAttribute('width'));


            img = document.createElement('img');
            img.setAttribute('src', face.getAttribute('img'));
            img.setAttribute('alt', face.getAttribute('alt'));

            display.appendChild(img);
            display.innerHTML += face.firstChild.nodeValue;
            display.appendData(hr);

            content.appendChild(display);            

        }

Alles anzeigen

Dodo

appendData ist nur für Texte.
für HTML-Elemente wie hr musst du appendChild benutzen

HTML

display.appendChild(img);
            display.appendData(face.firstChild.nodeValue);
            display.appendChild(hr)

webcoolcity

ne, appendChild würde den inhalt wieder überschreiben !

appendChild und appendData ist fast das gleiche, der unterschied ist nur das appendData den inhalt nicht überschreibt so wie + <= appendChild += appendData.

muß an was anderen liegen, aber danke

Dodo

http://de.selfhtml.org/javascript/obj…htm#append_data

Zitat von SELFHTML

appendData()

Fügt einem Textknoten oder dem Wert eines Attributknotens am Ende Daten hinzu, ohne die bestehenden Daten zu überschreiben.

Zitat von SELFHTML

appendChild()

http://de.selfhtml.org/javascript/obj…tm#append_child

Versuch mal das:

Code

display.appendChild(img);
        display.appendChild(face);
        display.appendChild(hr)

webcoolcity

ich hab schon einiges verucht hatte es auch mal nur mit text versucht, aber da kam die gleiche fehlermeldung.

wenn ich ein element erstellt habe mit createElement kann ich das so += nicht hinzufügen !

meine frage ist jetzt wie soll ich das sonst machen ohne jetzt wieder html direkt ins script zu hauen.

ne idee?

Dodo

versuch den Text mit createTextNode() einen neuen Knoten zu erstellen und den mittels appendChild() einzubinden.

webcoolcity

Funktioniert leider nicht, der überschreibt wieder alles,

ich denke das img macht probleme weil vor dem text soll ja eine image sein und nach dem text das hr,

ich muß das noch mal über denken und frag morgen meinen Lehrer per email vielleicht weiss er ja wie.

Danke aber für deine Hilfe

bis dann !

Dodo

Also ich machs immer so, das funktioniert bei mir immer O.o
Alles in Knoten umwandeln und per appendChild() einbinden...
Da ist es mir noch nie passiert, dass er was überschrieben hat...

Überprüf das mal in Firebug. Das hilft mir immer.

webcoolcity

Hi, also das Problem war ein Logikfehler, falsche Kombination und Reihenfolge.

appendData braichte ich gar nicht hab mich voll verwirren lassen von unserem
Lehrbuch.

hier die Lösung nur so als update:

PHP

window.clearInterval(aktiv);


                face = quader.getElementsByTagName('face')[0];


                content = document.getElementById('ajax_1')


                display = document.createElement('h3');


                load = document.getElementById("stop-l");
                load.innerHTML = "";


                loadbutton = document.createElement('img');
                loadbutton.setAttribute('src', 'grafik/base/stop.gif');


                load.appendChild(loadbutton);


                img = document.createElement('img');
                img.setAttribute('src', face.getAttribute('img'));
                img.setAttribute('alt', face.getAttribute('alt'));


                subimg = document.createElement('sub');
                subimg.appendChild(img);


                hr = document.createElement('hr');
                hr.setAttribute('width', face.getAttribute('width'));


                link = document.createElement('a');
                link.setAttribute('href', 'index.php');
                link.appendChild(
                            document.createTextNode(
                                        '<= zurück'
                            )
                       );


                sup = document.createElement('sup');
                sup.innerHTML = face.firstChild.nodeValue;


                display.appendChild(subimg);
                display.appendChild(sup);


                content.appendChild(display);
                content.appendChild(hr);
                content.appendChild(link);

Alles anzeigen

Danke für eure Hilfe, bis dann !

Tags