“Ustaw zmienną CSS z JavaScript” Kod odpowiedzi

Jak zmienić zmienną CSS z JavaScript

var root = document.querySelector(':root');
root.style.setProperty('--variable', 'lightblue');
/or/
root.style.setProperty('--variable', myColor); 
Spotless Seal

JavaScript Uzyskaj zmienną CSS

let docStyle = getComputedStyle(document.documentElement);

//get variable
let myVarVal docStyle.getPropertyValue('--my-variable-name');

//set variable
docStyle.setProperty('--my-variable-name', '#fff');
garzj

JavaScript Uzyskaj zmienną CSS

getComputedStyle(document.documentElement)
    .getPropertyValue('--my-variable-name'); // #999999
DJ Ultimate Disco Party

Jak zmienić zmienną CSS w JavaScript

document.documentElement.style.setProperty("--main-background-color", "green");
PYTHON_NOT_SNAKE.py

Ustaw CSS var z JavaScript

// this is for site-navigation with more sub ul-blocks.
// in css root{--ul-hover-height:100px} //fallbackvalue 
// in css: nav ul ul:hover{height:--ul-hover-height;}

// to make it dynamic using JS: 
// set variable ul ul height depending on nr. of li's:
function setUlHeight(elem){        
    parentHeight=window.getComputedStyle(elem.parentNode).height
    parentHeight=parseInt(parentHeight)*1.2 //to cover li padding/margin..
    elemHeight=parentHeight * elem.childElementCount
Zenity Code

Ustaw zmienną CSS z JavaScript

document.documentElement.style.cssText = "--tab-count: 3";
/or/
document.documentElement.style.setProperty("--tab-count", 5);
/or/
document.documentElement.setAttribute("style", "--tab-count: 5");
Vivacious Vendace

Odpowiedzi podobne do “Ustaw zmienną CSS z JavaScript”

Pytania podobne do “Ustaw zmienną CSS z JavaScript”

Więcej pokrewnych odpowiedzi na “Ustaw zmienną CSS z JavaScript” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu