JS DOM

[Kai345]

[latex]Mae  govannen![/latex]

Was mache ich wenn meine tabelle nun wie folgt aussieht:

<table>

<tr>
  <td><a href='...'>a</a></td><td onmouseover="this.parentNode.getElementsByTagName("td")[0].style.color='#FF0000';">b</td>
</tr>
</table>

>   
> Nun  
> ~~~javascript
  

> this.parentNode.getElementsByTagName('td')[0].firstChild.style.color='#FF0000';  
> 

Und wenn er irgendwann mal auf die Idee kommt, es als

<table>  
  <tr>  
     <td>  
        <a href='...'>a</a>  
     </td>  
     <td onmouseover="this.parentNode.getElementsByTagName("td")[0].style.color='#FF0000';">  
       b  
     </td>  
  </tr>  
</table>

zu schreiben, schlägt es wieder fehl, weil dann wieder der Zeilenumbruch das Zielelememnt wird.

Ich persönlich habe mich im Großen und Ganzen völlig von Dingen wie firstChild, lastchild usw. verabschiedet, weil man dann bei Quelltext-Änderungen fast grundsätzlich auf die Nase fällt.

Ich werde auch nie verstehen, weshalb man die Whitespace-Knoten überhaupt im DOM-Baum hat, man kann per JS quasi nie etwas damit anfangen. Sie nerven einfach nur und man muß, um sicher zu sein, jedes Mal (z.B. per nodeType) testen.

Stur lächeln und winken, Männer!
Kai