Archief - CSS aanpassen door middel van Javascript

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
G

Gleke

Legacy Member
Hallo

Als ik volgende code heb

HTML: 
<header id="test">
Titel
</header>

Dan kan ik mijn kleur wijzigen door een id mee te geven zoals deze code :
document.getElementById("test").style.color = "#232935";

maar is het ook mogelijk om deze aan te passen door gewoon de header tag te gebruiken ?

Alvast bedankt
Glenn
C

CrushTheButton

Legacy Member
Bij jQuery kan dit als volgt doen.

Code: 
$("#test").css("color","#ff0000");

Voor pure javascript zal het gelijkarradig zijn, maar daar heb ik niet direct een antwoord voor.
p

profound

Legacy Member
Ik denk dat hij eerder dit bedoelt;
Code: 
document.getElementsByTagName("header").style.color = "#232935";

Hierdoor ga je wel al je headers op dezelfde manier stijlen natuurlijk.
G

Gleke

Legacy Member
profound zei:
Ik denk dat hij eerder dit bedoelt;
Code: 
document.getElementsByTagName("header").style.color = "#232935";

Hierdoor ga je wel al je headers op dezelfde manier stijlen natuurlijk.
Klik om te vergroten...

Wilt niet werken, kleur blijft gewoon het zelfde.
D

De Wouter

Legacy Member
Ik verkies ook ook jQuery zoals hierboven vermeld. Zit een hoop browser compatibiliteit in en veel dat je niet meer manueel hoeft te doen, maar als je het echt met puur JavaScript wil doen omdat je voor de rest toch geen jQuery zoekt te gebruiken:

Code: 
document.getElementsByTagName("p"); // geeft een array van alle p tags
document.getElementsByTagName("p")[0].style.color = "#ff0000"; // selecteert de eerste p tag en geeft hem rode tekst kleur, als je ze allemaal wil moet je een loop schrijven, bij jQuery is dat niet nodig
D

De Wouter

Legacy Member
Gleke zei:
Wilt niet werken, kleur blijft gewoon het zelfde.
Klik om te vergroten...

document.getElementsByTagName("header")[0].style.color = "#232935";

of een for luske scrijven
G

Gleke

Legacy Member
De Wouter zei:
document.getElementsByTagName("header")[0].style.color = "#232935";

of een for luske scrijven
Klik om te vergroten...
Danku dit werkt.
En ik heb nog geen jQuery geleerd.
p

profound

Legacy Member
De Wouter zei:
Dat heb je als je teveel jQuery gebruikt. :p (kmoet niks zeggen ze)
Klik om te vergroten...

Ja ma da is echt!

Das ook de reden waarom ek Gleke wou aanraden niet te vlug naar jquery te grijpen en eerst js voldoende te leren. :p
D

De Wouter

Legacy Member
profound zei:
Ja ma da is echt!

Das ook de reden waarom ek Gleke wou aanraden niet te vlug naar jquery te grijpen en eerst js voldoende te leren. :p
Klik om te vergroten...

Ja inderdaad, ik probeer het me te 'ontleren' soms. Vaak gebruik ik het voor 2 keer niets, moet heel de jQuery library geladen worden voor 2 selectors ofzo en daar iets mee te doen. Echt overbodig dus probeer het wat meer native te houden :p
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan