Event-Handler "onmouseover" "onmouseout"

[Ashura]

Hallo Gernot.

wenn die Zelle, die verändert werden soll, in derselben Tabelle liegt wie die, deren Mouseover dies auslösen soll, kann Beni aber doch seine Zelle auch über this.parentNode.parentNode ansprechen. […]

Diese Methode habe ich absichtlich nicht erwähnt.
Hierbei musst du dir zusätzlich Gedanken um Textknoten in Form von Whitespace machen. Denn wer sagt dir, dass this.nextSibling nicht ein solcher Textknoten ist? Zudem war da noch das Problem mit dem implizierten tbody…

Und unübersichtlich kann es auch noch werden:

<table>  
  <tr>  
    <th onmouseover="/* ↓ */">Ausgangspunkt</th>  
    <th>Bar</th>  
  </tr>  
  <tr>  
    <td>Baz</td>  
    <td>Zielpunkt</td>  
    </tr>  
</table>

1. Methode:
    document.getElementsByTagName("table")[0].rows[1].cells[1].style.backgroundColor = '#ff0000';

2. Methode:
    this.parentNode.nextSibling.firstChild.nextSibling.style.backgroundColor = '#ff0000';

Einen schönen Donnerstag noch.

Gruß, Ashura