Palme: auf mit CSS formatierte Links mittels JavaScript zugreifen

Hallo,

wie kann man auf mit CSS folgendermaßen formatierte Links mittels JavaScript (   mit document.getElementById('id')   ) zugreifen:

#id a { color:#000000; }

Ich möchte mittels document.getElementById('id').style.color  die Linkfarbe ändern.

Bloß wie mache ich dass mit dem >a< in der CSS-Angabe?

Mit document.getElementById('id').style.colorA = 'red'; zum Beispiel oder ähnlich klappt es nicht, ist es überhaupt möglich?

Grüße

Palme

  1. Hallo Palme,

    #id a { color:#000000; }

    Mit document.getElementById('id').style.colorA = 'red'; zum Beispiel oder ähnlich klappt es nicht, ist es überhaupt möglich?

    Du musst manuell alle a-Elemente durchgehen:

    var elems = document.getElementById('id').getElementsByTagName('a');

    for (var i = 0; i < elems.length; i++) {
      elems[i].style.color = 'red';
    }

    -> http://selfhtml.teamone.de/javascript/objekte/document.htm#get_elements_by_tag_name

    Viele Grüße,
    Christian