Dev Faq
7
votes

JavaScript OnClick changer CSS

Ceci est probablement vraiment simple, je sais que vous pouvez modifier les propriétés CSS avec JavaScript en faisant; 

document.getElementById('bob').css='background:#ffffff; color: #000000;';

1 commentaires

Nope :( GRRRR, aurait dû écrire

4 Réponses :

7
votes

Regardez sur ce violon: http://jsfiddle.net/ysjff/ xxx < p> Tout ce que je fais est de changer l'attribut style de l'élément, est que ce que vous vouliez comporter pour accomplir?

0 commentaires
20
votes

Je suppose que vous recherchez le .csstext propriété de style xxx

exemple: http://jsfiddle.net/sx5yh/

1 commentaires

@ Šime Vidas: Pour autant que je sache, oui! Mais je ne sais pas sur IE6 et ci-dessous ou sur FF <3 par exemple.

3
votes

Je pense que ce que vous cherchez est Changer la classe d'un élément avec JavaScript . Depuis cette façon, vous n'avez pas besoin de coder tout ce que les changements de style sur le JavaScript (qui est mauvais).

Vous aurez donc une classe CSS comme celle-ci: P> 

document.getElementById("MyElement").className += " myClass";

1 commentaires

Yeh je sais que vous pouvez le faire de cette façon, mais je pense avoir besoin du .csstext pour ce que j'essaie de faire, mais merci quand même: D

2
votes 
document.getElementById('bob').style.cssText = 
    'background:#ffffff; color: #000000;';
0 commentaires

Articles qui pourrait vous intéresser :

Impossible d'importer le module "@ angular / material"
Interaction profonde avec break and catch
Utilisation de node.js comment renommer tous les fichiers d'un dossier
Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO