1. #1
    Gleke's Avatar
    Registered
    05/07/10
    Location
    putte
    Posts
    1,882
    iTrader
    0
    Mentioned
    0 Post(s)

    CSS aanpassen door middel van Javascript

    Hallo

    Als ik volgende code heb

    HTML Code:
    <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
    no votes  

  2. #2
    CrushTheButton's Avatar
    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.

    Code:
    $("#test").css("color","#ff0000");
    Voor pure javascript zal het gelijkarradig zijn, maar daar heb ik niet direct een antwoord voor.
    Portfolio website: http://www.rubenvermeulen.be/
    Nederlandstalige PC Multi-Gaming Clan: http://www.soldiersoffreedom.be/
    no votes  

  3. #3
    profound's Avatar
    Registered
    13/12/08
    Location
    Dendermonde
    Posts
    3,899
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    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.
    no votes  

  4. #4
    Gleke's Avatar
    Registered
    05/07/10
    Location
    putte
    Posts
    1,882
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by profound View Post
    This quote is hidden because you are ignoring this member. Show
    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.
    Wilt niet werken, kleur blijft gewoon het zelfde.
    no votes  

  5. #5
    De Wouter's Avatar
    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 nodig
    no votes  

  6. #6
    De Wouter's Avatar
    Registered
    11/05/13
    Location
    Prov. Antwerpen
    Posts
    595
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by Gleke View Post
    This quote is hidden because you are ignoring this member. Show
    Wilt niet werken, kleur blijft gewoon het zelfde.
    document.getElementsByTagName("header")[0].style.color = "#232935";

    of een for luske scrijven
    no votes  

  7. #7
    Gleke's Avatar
    Registered
    05/07/10
    Location
    putte
    Posts
    1,882
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by De Wouter View Post
    This quote is hidden because you are ignoring this member. Show
    document.getElementsByTagName("header")[0].style.color = "#232935";

    of een for luske scrijven
    Danku dit werkt.
    En ik heb nog geen jQuery geleerd.
    no votes  

  8. #8
    profound's Avatar
    Registered
    13/12/08
    Location
    Dendermonde
    Posts
    3,899
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    De [0] vergeten, inderdaad, sorry!
    no votes  

  9. #9
    De Wouter's Avatar
    Registered
    11/05/13
    Location
    Prov. Antwerpen
    Posts
    595
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by profound View Post
    This quote is hidden because you are ignoring this member. Show
    De [0] vergeten, inderdaad, sorry!
    Dat heb je als je teveel jQuery gebruikt. (kmoet niks zeggen ze)
    no votes  

  10. #10
    profound's Avatar
    Registered
    13/12/08
    Location
    Dendermonde
    Posts
    3,899
    iTrader
    5 (100%)
    Mentioned
    0 Post(s)
    Quote Originally Posted by De Wouter View Post
    This quote is hidden because you are ignoring this member. Show
    Dat heb je als je teveel jQuery gebruikt. (kmoet niks zeggen ze)
    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.
    no votes  

  11. #11
    De Wouter's Avatar
    Registered
    11/05/13
    Location
    Prov. Antwerpen
    Posts
    595
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by profound View Post
    This quote is hidden because you are ignoring this member. Show
    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.
    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  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in