-
08-01-2014, 13:57 #1
CSS aanpassen door middel van Javascript
Hallo
Als ik volgende code heb
Dan kan ik mijn kleur wijzigen door een id mee te geven zoals deze code :HTML Code:<header id="test"> Titel </header>
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
Glennno votes
-
-
08-01-2014, 14:03 #2Member
- Registered
- 27/03/12
- Location
- Knesselare
- Posts
- 425
- iTrader
- 10 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Bij jQuery kan dit als volgt doen.
Voor pure javascript zal het gelijkarradig zijn, maar daar heb ik niet direct een antwoord voor.Code:$("#test").css("color","#ff0000");Portfolio website: http://www.rubenvermeulen.be/
Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
no votes
-
08-01-2014, 14:10 #3
Ik denk dat hij eerder dit bedoelt;
Hierdoor ga je wel al je headers op dezelfde manier stijlen natuurlijk.Code:document.getElementsByTagName("header").style.color = "#232935";no votes
-
08-01-2014, 14:17 #4no votes
-
08-01-2014, 14:19 #5Member
- Registered
- 11/05/13
- Location
- Prov. Antwerpen
- Posts
- 595
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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 nodigno votes
-
08-01-2014, 14:20 #6Member
- Registered
- 11/05/13
- Location
- Prov. Antwerpen
- Posts
- 595
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
no votes
-
08-01-2014, 14:34 #7no votes
-
08-01-2014, 19:25 #8
De [0] vergeten, inderdaad, sorry!
no votes
-
08-01-2014, 20:58 #9Member
- Registered
- 11/05/13
- Location
- Prov. Antwerpen
- Posts
- 595
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
no votes
-
09-01-2014, 01:14 #10no votes
-
09-01-2014, 11:02 #11Member
- Registered
- 11/05/13
- Location
- Prov. Antwerpen
- Posts
- 595
- iTrader
- 0
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
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
no votes

