Comment utiliser Javascript pour ajouter plusieurs propriétés de style à un élément?

Question

J'ai essayé différentes interprétations de ce code pour essayer de changer un certain élément pour un exercice de codage mais aucun d'entre eux ne semble pouvoir changer plusieurs propriétés de style d'un élément sur un clic de bouton. J'adorerais de l'aide. Merci!

document.getElementById("Combo Style").onclick = function() { document.getElementById ("More Text").style.fontSize.color = "50px , #BB65C5"; }

Answer 1

Pour réaliser votre utilisation de résultat attendu setAttribute
HTML:

<button id="Combo Style">Change</button> 
<div id="More Text">abcd</div> 

JS:

document.getElementById("Combo Style").onclick = function() { 
    document.getElementById("More Text").setAttribute("style", "font-size:50px;color:red;"); 

} 

http://codepen.io/nagasai/pen/AXVWwO

Answer 2

Cela devrait TRAVAiL

var element=document.getElementById ("More Text"); 
    .style.fontSize="20px"; 
    document.getElementById ("More Text").style.color="red"; 
    document.getElementById ("More Text").style.background="blue"; 

Vous pouvez également utiliser la propriété cssText, comme -

document.getElementById ("More Text").style.cssText='fontSize="20px";color="red";' 

Cela insérer une balise de style en ligne dans l'élément avec la propriété cssText.