Per Mausklick einem Formularfeld CSS zuweisen?

[EKKi]

Mahlzeit,

<javascript>
function machGelb()
{
document.getElementById('bla').style.backgroundColor='yellow';
}
</script>

Prinzipiell richtig, ich würde aber folgendes empfehlen:

  
<style type="text/css">  
[code lang=css]  
input.markiert {  
  background-color: #ff0;  
}

</style>
<script type="text/javascript">

  
function markiere()  
{  
  var inputs = document.getElementsByTagName('INPUT');  
  
  for (var i = 0; i < inputs.length; i++)  
  {  
    inputs[i].className = 'markiert';  
  }  
}

</script>
<button onclick="markiere();">Felder markieren</button>[/code]

So hat man Struktur, Layout und Funktionalität klarer voneinander getrennt (und wenn man irgendwann mal die Eingabefelder nicht mehr gelb hinterlegt, sondern blau umrandet mit lila Punkten haben will, muss man nur an einer Stelle das Design ändern).

MfG,
EKKi