usando javascript con css?

cuando hice clic en input de text, quiero cambiar el color de background de input pero con javascript.

Lo sé con css.

Quiero por ejemplo.

<form action="" name="abc" method="post"> <input name="abc" id="name" type="text"/> <input name="yusuf" type="text"/> <input type="submit"/> </form> 

¿Cómo puedo seleccionar el nombre del elemento como nombre con javascript?

Quiero algo similar

  <script> document.getElementById("name").style = "background-color:networking"; </script> 

Quiero escribir código css pero directo. En breve, ¿cómo puedo llegar a style = "" parameters?

Está buscando el object de style :

 document.getElementById("name").style.backgroundColor = "networking"; 

También puede establecer la propiedad className para aplicar una class de CSS existente al elemento.

¿Es jQuery una opción? Puedes probar algo como esto:

 $(document).ready(function(){ var toggleRed = function(){ $(this).toggleClass('networking'); }; $('input[type=text]').focus(toggleRed); $('input[type=text]').blur(toggleRed); }); 

Y luego defínalo en tu CSS:

 input.networking { background-color: Red; color: White; } 

Vea el ejemplo de trabajo: http://jsfiddle.net/V5qJp/