• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Edycja klas css w js

Cloud VPS
0 głosów
1,065 wizyt
pytanie zadane 16 lutego 2018 w JavaScript przez Paweł Piech Użytkownik (720 p.)

Witam mam pytanie jak dostać się i edytować klase css z poziomy js?

Dokładnie chodzi mi o

klasa {
  color: #fff;
}

i zmienic to na

klasa {
  color: #000;
}

Z góry dziękuje i pozdrawiam!

1 odpowiedź

–2 głosów
odpowiedź 16 lutego 2018 przez mi-20 Stary wyjadacz (13,250 p.)

najprościej to tak

... style.color = 'black';

jednak lepszym sposobem jest zdefiniowani klas, mniej/więcej tak jak podałeś to w bloczkach, tylko klasy musisz konkretnie nazwać i podmiana klas zamiast zmiany kolorów.

http://webmade.org/porady/zmiana-klasy-css-js.php

P.S polecam jQuery, dużo prościej i szybciej można ogarnąć niektóre rzeczy

komentarz 16 lutego 2018 przez Paweł Piech Użytkownik (720 p.)
Nie o to chodzi ma być tak jak w pytaniu ma się zmienić tylko atrybut a nie nazwa klasy
1
komentarz 16 lutego 2018 przez pablop76 VIP (123,580 p.)

Dokładnie tak się dzieje. Zmienia się atybut color: #fff na color: #000;.

function changeColor() {
  var colorBlack = document.getElementsByClassName('klasa');
  for(i=0; i<colorBlack.length; i++) {
    colorBlack[i].style.color = '#000';
  }
}

 

Podobne pytania

0 głosów
1 odpowiedź 637 wizyt
pytanie zadane 30 listopada 2017 w HTML i CSS przez Osheo Początkujący (260 p.)
0 głosów
1 odpowiedź 245 wizyt
pytanie zadane 26 lutego 2017 w JavaScript przez witkobar Nowicjusz (140 p.)
0 głosów
1 odpowiedź 1,797 wizyt

93,469 zapytań

142,404 odpowiedzi

322,716 komentarzy

62,852 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Kursy INF.02 i INF.03
...