a:link color nachträglich ändern

**TobiaZ** · 25.10.2007, 11:50

Kann es sein, dass du CSS und JS gewaltig verwechselst??

Wie hast du das blau denn definiert? im <style>-Tag oder im style-Attribut?

**Prominenter** · 25.10.2007, 11:53

Sorry für meine schlechte schreibweise.

also natürlich hab ich das Blau ordentlich im <style>-TAG deklariert.

und nun möchte ich per JS genau diesen Style ändern.

PHP-Code:


<style>

.button {

     border:1px solid white;

     color:yellow;

}

.button a:link {

     color:blue;

}

</style>





<table id="button" align="center" class="button" cellpadding="3" cellspacing="0">

 <tr>

  <td align="center">

  HIER:<br />

  <a href="quest.htm">KLICKEN</a></td>

 </tr>

</table>



<script language='javascript'>

button.style.borderColor="black";         

button.style.color="green";

button a:link.style.color="red";



</script>

Also die Borderfarbe wird geändert, die Textfarbe auch nur die Linkfarbe nicht.

**TobiaZ** · 25.10.2007, 11:58

Erstes Suchergebnis in einer Suchmaschine (die hier anonym bleiben will)

Code:

<html><head><title>Test</title>
<script type="text/javascript">
function MachGelb () {
  document.all.DynText.style.backgroundColor = "yellow";
  document.all.DynText.style.fontSize = "200%";
  document.all.DynText.style.padding = "15px";
}
</script>
</head><body>
<p id="DynText">Das ist der Text</p>
<a href="javascript:MachGelb()">gelb</a>
</body></html>

http://de.selfhtml.org/javascript/objekte/style.htm

**Kropff** · 25.10.2007, 13:09

PHP-Code:


// 1.

button = document.getElementById('button');

und beim link musst du entweder auch eine id vergeben oder childNotes arbeiten.

@TobiaZ
deine lösung wird so auch nicht funktionieren.

gruß
peter

**TobiaZ** · 25.10.2007, 17:02

Ich wollte keine fertige Lösung posten.

Das ganze ist ungeprüft kopiert mit Verweis auf die Quelle.

a:link color nachträglich ändern