Ejemplo 1: cómo cambiar css con js
document.querySelector('h1', container).style.backgroundColor="red";
Ejemplo 2: javascript modificar css
//Pure JavaScript DOM
var el = document.getElementById("elementID");
el.style.css-property = "cssattribute";
//When doing A CSS property that have multiple words, its typed differently
//Instead of spaces or dashes, use camelCase
//Example:
el.style.backgroundColor = "blue";
//Make sure before using jQuery, link the jQuery library to your code
//JavaScript with jQuery
//jQuery can use CSS property to fid=nd an element
$("#elementID").css("css-property", "css-attribute");
//On jQuery, the CSS property is typed like normal CSS property
//Example:
$("#elementID").css("background-color", "blue");
//If you want multiple property for jQuery, you can stack them on one code
//instead of typing each attribute
//Example:
$("#elementID").css({"css-property": "css-attribute", "css-property": "css-attribute"});
//you can also make them nice by adding line breaks
//Example:
$("#elementID").css({
"css-property": "css-attribute",
"css-property": "css-attribute"});
//You can add as much CSS property and attribute as you want
//just make sure, always end it with a comma before adding another one
//the last property doesn't need a comma
Ejemplo 3: cómo cambiar el estilo de un elemento usando javascript
<html>
<body>
<p id="p2">Hello World!</p>
<script>
document.getElementById("p2").style.color = "blue";
</script>
<p>The paragraph above was changed by a script.</p>
</body>
</html>
Ejemplo 4: cómo editar javascript con css
<p id="demo"></p>
<script>
document.getElementById("demo") = "red";
</script>
Ejemplo 5: como cambiar CSS usando javascript
document.getElementById("myText").className = "anyNewClass"
Ejemplo 6: cambiar el estilo js
// select element from DOM
const el = document.querySelector('.para')
// change css style
el.style.color="purple"
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)