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?

2 Solutions collect form web for “usando javascript con css?”

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/

  • ¿Tienes un jQuery powerTip dentro de otro powerTip?
  • Bootstrap modal tiene un defecto
  • Utilice las fonts Adobe TypeKit en un object SVG embedded en una página HTML
  • jQuery: comportamiento incoherente de encontrar entre div y tbody
  • Cambiar el estilo de la class (no elementos individuales) que no está en la hoja de estilo mediante Javascript
  • Cómo ocultar un div principal si un div interno tiene una cierta class, con javascript
  • Angular 2: cómo importar automáticamente normalize.css
  • ¿Cómo se permite la selección de text por parte del usuario cuando se usa cufon / sifr?
  • Diseño de javascript de estilo individual de un timer de count atrás
  • ¿Cómo deshabilitar el almacenamiento en caching de activos estáticos como .css y .js en JSF2?
  • Información sobre herramientas de Bootstrap que se muestra detrás de la window modal
  • ThreeJS Molecules - Double Bonds
  • Página que aparece en blanco pero seleccionable en Safari en iOS9 en la primera visita
  • Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.