talrnu
talrnu
Programming language:CSS
2021-05-12 00:17:52
0
Q:

add css in javascript

Fernando Calles
Fernando Calles
Code: CSS
2021-03-22 10:43:47 
// Here are two different ways
document.getElementById("myH1").style.color = "red";
element.style.backgroundColor = "red";   // set the background color of an element to red
6
UTF-8
UTF-8
Code: CSS
2021-03-14 18:18:20 
//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
6
Fozzedout
Fozzedout
Code: CSS
2021-06-18 17:51:39 
<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>
6
sara
sara
Code: CSS
2021-03-14 18:20:00 
document.getElementById("demo").style.display = "none";
0
Richard
Richard
Code: CSS
2021-01-24 06:54:43 
document.getElementById("myText").className = "anyNewClass"
0

Tags

Related

New to Communities?

Join the community