add style javascript
// Bad:
element.setAttribute("style", "background-color: red;");
// Good:
element.style.backgroundColor = "red";add style javascript
// Bad:
element.setAttribute("style", "background-color: red;");
// Good:
element.style.backgroundColor = "red";js add css style to element
// Create our stylesheet
var style = document.createElement('style');
style.innerHTML =
'.some-element {' +
'color: purple;' +
'background-color: #e5e5e5;' +
'height: 150px;' +
'}';
// Get the first script tag
var ref = document.querySelector('script');
// Insert our new styles before the first script tag
ref.parentNode.insertBefore(style, ref);how to give css style in javascript
document.getElementById("myH1").style.color = "red";js style
const title = document.querySelector('h1')
//title.setAttribute('style', 'margin: 50px');
console.log(title.style); // Show all style propertyes
console.log(title.style.color); // Log a color in console
title.style.margin = '50px'; // Set a margin of title
title.style.color='crimson'; // Set a color of title
title.style.fontSize = '60px'; // Set font size of titlehtml css javascript
<!-- Answer to: "html css javascript" -->
<!--
To keep things simple:
HTML provides the basic structure of sites, which is enhanced and
modified by other technologies like CSS and JavaScript. CSS
is used to control presentation, formatting, and layout.
JavaScript is used to control the behavior of different elements.
-->
For example:
<!--HTML-->
<div id="me">Click me!</div>
<!--CSS-->
<style>
div {
height: 128px; /* Makes the div 128px in height */
width: 128px; /* Makes the div 128px in width */
background: red; /* Makes the div's background, red */
}
</style>
<!--JS-->
<script>
document.getElementById("me".addEventListener("click", function(){
document.getElementById("me").style.background = 'blue';
});
</script>
<!-- If you want to test the code above, go to:https://www.w3schools.com/code/tryit.asp?filename=GDZ0PJDLYQ1V -->
<!--
For more information, go to:
https://blog.hubspot.com/marketing/web-design-html-css-javascript
-->javascript style
// background-color
<element>.style.backgroundColor = '#000';
// background
<element>.style.background = '#000';
// color
<element>.style.color = '#fff';
// box-sizing
<element>.style.boxSizing = 'border-box';
// font-family
<element>.style.fontFamily = '\'Times New Roman\', Times, serif';
// font-size
<element>.style.fontSize = '16px';
// margin
<element>.style.margin = 0;
// padding
<element>.style.padding = '20px';
// width
<element>.style.width = '100%';
// height
<element>.style.height = '100%';
// margin-left
<element>.style.marginLeft = 0;
// font-weight
<element>.style.fontWeight = 400;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
