mit dem node objekt durch verschachtelte Elemente gehen

[Roni]

Hallo,

ich habe folgende zeile:

a class="punkte" href="it.php" target="_self" name="kontinent" id="k2" ><img id="it" class="bild" src="../grafik/pf.jpg">&nbsp;&nbsp;IT-Management</a>

es befindet sich also ein img-tag in einem a-tag

mein script (leider zu undurchsichtig um hier aufzuzeigen)mach dies.
beim onLoad wird eine js-function aufgerufen die die id des img-tags bekommt und dann sagt :
document.getElementById(id).style.display="inline";
wunderbar geht.
frage: gibt es einen befehl mit dem ich nur mit dieser id des img-tags auch die schriftfarbe des a-tags aendern kann.
oder: wie "zappe" ich in das a-tag
(ich dachte an childNode oder irgendwas.... klappt alles nicht

[Avalon]

oder: wie "zappe" ich in das a-tag
(ich dachte an childNode oder irgendwas.... klappt alles nicht

Child ist das Kind, parent sind die Eltern!!!!

Gruß
Avalon

[Roni]

oder: wie "zappe" ich in das a-tag
(ich dachte an childNode oder irgendwas.... klappt alles nicht

Child ist das Kind, parent sind die Eltern!!!!

ja ja, ist schon klar, hab ich versucht, allerdings kam der komplette pfad der datei als rückgabe (alert -ausgabe)

für dieses konkrete beispiel! Wie würde der befehl lauten um die schriftfarbe des a-tags zu ändern (voraussetzung: nur die id vom img-tag bekannt)??

[wahsaga]

hi,

für dieses konkrete beispiel! Wie würde der befehl lauten um die schriftfarbe des a-tags zu ändern (voraussetzung: nur die id vom img-tag bekannt)??

schau dir bitte mal http://de.selfhtml.org/javascript/objekte/node.htm#parent_node an.

gruß,
wahsaga

[Roni]

schau dir bitte mal http://de.selfhtml.org/javascript/objekte/node.htm#parent_node an.

habe ich doch. aber:
Befehl:

alert(document.getElementById(id).firstChild.nodeValue);

gibt eine fehlermeldung

und zwar: Objekt erforderlich!

[Thomas Meinike]

Hallo,

alert(document.getElementById(id).firstChild.nodeValue);

gibt eine fehlermeldung

und zwar: Objekt erforderlich!

Im OP steht: <a ...><img ...>&nbsp;&nbsp;IT-Management</a>

firstChild vom a-Element ist das img-Element, waehrend das img-Element keinen firstChild-Knoten besitzt. In beiden Faellen gibt es also keinen nodeValue und man kann somit auch keinen abfragen.

Der Text "&nbsp;&nbsp;IT-Management" ist der lastChild-Knoten vom a-Element [oder bezogen auf a auch firstChild.nextSibling bzw. childNodes.item(1)] und mittels nodeValue zugaenglich.

MfG, Thomas

[Joachim]

Hi,

schau dir bitte mal http://de.selfhtml.org/javascript/objekte/node.htm#parent_node an.

habe ich doch. aber:

nix aber:
var img =  document.getElementById('it');
alert(img.parentNode.id);
klappt zumindestens auf allen mir derzeit verfuegbaren Mac-Browsern.

Du kannst Dir uebrigens leicht alle Eigenschaften mal ausgeben lassen:
var img =  document.getElementById('it');
x = "";
for (i in img) {
 x += i + " = " + img[i] + "<br>";
}
document.write(x);

Gruesse, Joachim

[Roni]

nix aber:
var img =  document.getElementById('it');
alert(img.parentNode.id);
klappt zumindestens auf allen mir derzeit verfuegbaren Mac-Browsern.

Klappt auch auf meinem Browser!

Vielen Dank für die Hilfe.

[Avalon]

Du kannst Dir uebrigens leicht alle Eigenschaften mal ausgeben lassen:
var img =  document.getElementById('it');
x = "";
for (i in img) {
x += i + " = " + img[i] + "<br>";
}
document.write(x);

Das selbe Ergebnis bringt auch ein Blick in den DOM Inspector

Gruß
Avalon