Domov Sociální média Změna CSS s JavaScript - dummies

Změna CSS s JavaScript - dummies

Video: Jak upravit robots.txt, aby neblokoval CSS a JS 2025

Video: Jak upravit robots.txt, aby neblokoval CSS a JS 2025
Anonim

Stejně jako můžete JavaScript změnit na webovou stránku, můžete jej také použít ke změně stylů CSS. Tento proces je velmi podobný.

Prvním krokem je výběr prvku, který chcete použít, nebo změnu stylu. Chcete-li například vybrat levého oka robota, můžete použít následující kód:

dokument. getElementById ("lefteye")

Po výběru prvku můžete změnit jeho styl připojením vlastností stylu k voliči a následně stylu, který chcete změnit. Chcete-li změnit barvu levého oka, můžete tento JavaScript použít:

dokument. getElementById ("lefteye"). styl. backgroundColor = "fialová";

Zaznamenáváte něco zvláštního o tomto kódu? Při změně stylu s jazykem JavaScript existují dvě pravidla:

  • Pokud je vlastnost CSS jen jedno slovo, jako je okraj nebo okraj, můžete použít stejný název CSS ke změně stylu v jazyce JavaScript.

  • Pokud má vlastnost CSS pomlčky (-), název vlastnosti CSS se převede na camelCase. Takže barva pozadí se změní na backgroundColor.

Zde je několik příkladů vlastností CSS a jak je každá vlastnost napsána v jazyce JavaScript:

Změna CSS s JavaScript - dummies

Výběr redakce

Co dělat s datovým skladištěm - dummies

Co dělat s datovým skladištěm - dummies

Datový sklad je domovem pro vaše vysoce hodnotná data nebo datových aktiv, které pocházejí z jiných firemních aplikací, jako je například firma, kterou vaše firma používá k vyplňování objednávek zákazníků pro své produkty, nebo nějaký externí zdroj dat pro vaši společnost, například veřejnou databázi, která obsahuje informace o prodeji shromážděné od všech vašich konkurentů . ...

Který typ NoSQL je pro vás? - figuríny

Který typ NoSQL je pro vás? - figuríny

První otázkou je, jak vypadají vaše údaje? Na rozdíl od relačních databází, kde je datový model zahrnující tabulky, řádky, sloupce a vztahy, mohou databáze NoSQL obsahovat širokou škálu datových typů. Tabulka odpovídá datovým typům s databází NoSQL, kterou byste chtěli zvážit. NoSQL Data Management Use ...

Použijte vlastní údaje organizací pro dolování dat - dummy

Použijte vlastní údaje organizací pro dolování dat - dummy

Datový horník nemá nic bez dat. A pokud pracujete ve velké organizaci, budete mít stovky, možná tisíce, stávajících datových zdrojů potenciálně dostupných pro dolování dat. Každá činnost generuje záznamy a tyto záznamy se mohou stát vaší surovinou. V tabulce je uvedena řada běžně shromážděných dat v řadě obchodních ...

Výběr redakce

Praxis základní výuka zkouška-psaní struktury - figuríny

Praxis základní výuka zkouška-psaní struktury - figuríny

Studenti používají společné struktury k organizaci jejich psaní, příčinu a následky, chronologické a srovnávat a uzavírat smlouvu. Zkouška na základní škole Praxis bude vyžadovat znalost těchto struktur. Následující seznam obsahuje některé společné struktury, když jsou používány, a propojení slov, která se s nimi často používají. Příčina a účinek ...

Jak obnovit Praxis Elementary Education Exam - dummy

Jak obnovit Praxis Elementary Education Exam - dummy

Bohužel se to stane. Někdy budete studovat, připravovat a soustředit se na zkoušku Praxis Elementary Education pouze abyste dostali špatnou zprávu, že jste nedosáhli úspěšného výsledku. Nezapomeňte však na paniku. Podle Vzdělávací testovací služby (ETS) můžete provést test jednou za kalendářní měsíc, ačkoli ne více než šestkrát ...

Praxe Základní zkouška zkouška - Práce s receptory - dummy

Praxe Základní zkouška zkouška - Práce s receptory - dummy

Vzorce jsou často používány v matematice stejně jako fyziky a příbuzných oborů vědy. Není proto překvapením, že budete mít otázky ohledně vzorců na zkoušce Praxis Elementary Education. Když má vzorec nebo jiná rovnice dvě proměnné a jedna proměnná je sama na straně, proměnná je sama o sobě ...

Výběr redakce

Pole Základy pro kódování pomocí JavaScript - dummies

Pole Základy pro kódování pomocí JavaScript - dummies

Pochopení polí je důležitou součástí kódování pomocí jazyka JavaScript. Pole se skládá z prvků pole. Prvky pole se skládají z názvu pole a potom z indexového čísla obsaženého v hranatých závorkách. Jednotlivá hodnota v poli se nazývá prvek pole. Políčka používají čísla (nazývaná indexová čísla) na ...

Kód pro použití v JavaScript Funkce manipulace s proměnnými - figuríny

Kód pro použití v JavaScript Funkce manipulace s proměnnými - figuríny

Můžete použít tyto příkazy jazyka JavaScript ve svém vlastním kódu pro vytváření a úpravu proměnných ve funkcích JavaScriptu. Prvek Popis var myVar = 0; Vytvoří proměnnou s danou počáteční hodnotou. Typ je určen dynamicky. stringVar = prompt ("zpráva") Odesílá zprávu uživateli v dialogovém okně, načte text ...

Změna CSS s JavaScript - dummies

Změna CSS s JavaScript - dummies

Stejně jako JavaScript pro změnu HTML na webové stránce, můžete jej také použít ke změně stylů CSS. Tento proces je velmi podobný. Prvním krokem je výběr prvku, který chcete použít, nebo změnu stylu. Chcete-li například zvolit levé oko robota, můžete ...

Vlastnost CSS Vlastnost jazyka JavaScript
barva pozadí okraj
okrajRadius font-family
fontFamily okraj
okraj zarovnat
textAlign barva
barva
JavaScript se stará hodně o kapitalizaci. Velké písmena ve vlastnostech stylu JavaScript musí být k dispozici, aby vlastnosti fungovaly.