remove style from link
a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
remove style from link
a, a:hover, a:focus, a:active {
text-decoration: none;
color: inherit;
}
javascript style background color
// change background color for specific id ..
function changebackground(){
document.getElementById('id').style.backgroundColor = 'green' ;
}
// change background color for whole body..
function changebackground(){
document.body.style.backgroundColor = 'green';
}
add style javascript
// Bad:
element.setAttribute("style", "background-color: red;");
// Good:
element.style.backgroundColor = "red";
JS change styles
// select element from DOM
const sample = document.getElementById("myid");
// or you can use *vars*
var sample = document.getElementById("myid");
// change css style
sample.style.color = 'red'; // Change color
// or (not recomended)
sample.style = "color: red"; //This changes all styles. NOT RECOMENDED
javascript modify 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
how to change style of an element using 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>
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us