de-vraag
  • Pytania
  • Tagi
  • Użytkownicy
Powiadomienia
Nagrody
Rejestracja
Po zarejestrowaniu się, będziesz otrzymywać powiadomienia o odpowiedziach i komentarzach do swoich pytań.
Zaloguj się
Brak tłumaczeń pasujących do Twojego wyszukiwania Jeśli masz już konto, zaloguj się, aby sprawdzić nowe powiadomienia.
Za dodane pytania, odpowiedzi i komentarze przewidziane są nagrody.
Więcej
Źródło
Edytuj
 Blankman
Blankman
Question

Jak dodać klasę do danego elementu?

Mam element, który ma już swoją klasę:

``html

```

Teraz chcę stworzyć funkcję JavaScript, która doda klasę do div (nie zastąpi, ale doda).

Jak mogę to zrobić?

1101 2009-02-03T13:54:00+00:00 3
Edwin Pratt
Edwin Pratt
Edytowane pytanie 9. maja 2019 в 10:31
Programowanie
javascript
dom-manipulation
Popular videos
Zamiana liczb - system dwójkowy, szesnastkowy, ósemkowy, dziesiętny
Zamiana liczb - system dwójkowy, szesnastkowy, ósemkowy, dziesiętny
8 lat temu
excel-120 - Dopasowanie elementów z jednej listy do odpowiadających im w drugiej liście
excel-120 - Dopasowanie elementów z jednej listy do odpowiadających im w drugiej liście
9 lat temu
EXCEL - Filtrowanie (filtr, filtry)
EXCEL - Filtrowanie (filtr, filtry)
10 lat temu
JavaScript -  Pobieranie elementów o danej klasie
JavaScript - Pobieranie elementów o danej klasie
9 miesięcy temu
Złącze elastyczne ,mały ale jak ważny element układu wydechowego
Złącze elastyczne ,mały ale jak ważny element układu wydechowego
5 lat temu
ODC. 10 Jak zintegrować klasę || Jak pracować ze skonfliktowanym zespołem klasowym
ODC. 10 Jak zintegrować klasę || Jak pracować ze skonfliktowanym zespołem klasowym
3 lata temu
Fizyka od podstaw: Ruch jednostajny prostoliniowy, prędkość, szybkość przykłady
Fizyka od podstaw: Ruch jednostajny prostoliniowy, prędkość, szybkość przykłady
4 lata temu
SIM Trik na wtorek | ArchiCAD: Zaznaczanie danej kategorii elementów za pomocą Ctrl+A
SIM Trik na wtorek | ArchiCAD: Zaznaczanie danej kategorii elementów za pomocą Ctrl+A
6 miesięcy temu
Pełny egzamin ustny część 2 - Matura ustna z języka angielskiego
Pełny egzamin ustny część 2 - Matura ustna z języka angielskiego
7 lat temu
Jak dodać/edytować dane adresowe i rejestrowe szkoły
Jak dodać/edytować dane adresowe i rejestrowe szkoły
2 lata temu
Dodawanie wektorów
Dodawanie wektorów
8 lat temu
14.3.Jak ukryć elementy usunięte ze źródła danych? [Kurs Tabele przestawne Excel]
14.3.Jak ukryć elementy usunięte ze źródła danych? [Kurs Tabele przestawne Excel]
3 lata temu
Układ okresowy - podział pierwiastków
Układ okresowy - podział pierwiastków
5 lat temu
SMath ile razy dany element występuje w wektorze
SMath ile razy dany element występuje w wektorze
7 lat temu
EXCEL - Wstawianie wykresów
EXCEL - Wstawianie wykresów
10 lat temu
« Poprzedni
Następny »
To pytanie ma 1 odpowiedź w języku angielskim, aby je przeczytać zaloguj się na swoje konto.
Solution / Answer
 Ishmael
Ishmael
3. lutego 2009 в 1:58
2009-02-03T13:58:01+00:00
Więcej
Źródło
Edytuj
#8793745

Dodaj spację plus nazwę swojej nowej klasy do właściwości className elementu. Po pierwsze, umieść id na elemencie, abyś mógł łatwo uzyskać referencję.

<div id="div1" class="someclass">
    <img ... id="image1" name="image1" />
</div>

Następnie

var d = document.getElementById("div1");
d.className += " otherclass";

Zwróć uwagę na spację przed otherclass. Ważne jest, aby umieścić spację przed otherclass, w przeciwnym razie będzie to miało negatywny wpływ na istniejące klasy, które znajdują się przed nią na liście klas.

Zobacz także element.className na MDN.

Sean Ker
Sean Ker
Edytowana odpowiedź 4. października 2019 в 9:27
1794
0
 annakata
annakata
3. lutego 2009 в 2:01
2009-02-03T14:01:20+00:00
Więcej
Źródło
Edytuj
#8793747

Znajdź swój element docelowy "d" jakkolwiek chcesz, a następnie:

d.className += ' additionalClass'; //note the space

możesz zawinąć to w sprytniejsze sposoby, aby sprawdzić preegzystencję i sprawdzić wymagania dotyczące przestrzeni itp.

 Cœur
Cœur
Edytowana odpowiedź 26. lutego 2017 в 4:29
173
0
 rfunduk
rfunduk
3. lutego 2009 в 2:00
2009-02-03T14:00:25+00:00
Więcej
Źródło
Edytuj
#8793746

Zakładając, że robisz coś więcej niż tylko dodanie tej jednej klasy (np. masz asynchroniczne żądania i tak dalej), poleciłbym bibliotekę taką jak Prototype lub jQuery.

To sprawi, że prawie wszystko, co będziesz musiał zrobić (w tym to) będzie bardzo proste.

Załóżmy więc, że masz już jQuery na swojej stronie, możesz użyć takiego kodu, aby dodać nazwę klasy do elementu (w tym przypadku przy ładowaniu):

$(document).ready( function() {
  $('#div1').addClass( 'some_other_class' );
} );

Sprawdź przeglądarkę API jQuery dla innych rzeczy.

19
0
Dodaj pytanie
Kategorie
Wszystkie
Technologia
Kultura / Rekreacja
Życie / Sztuka
Nauka
Profesjonalny
Biznes
Użytkownicy
Wszystkie
Nowy
Popularny
1
Zuxriddin Muydinov
Zarejestrowany 12 godzin temu
2
Денис Анненский
Zarejestrowany 2 dni temu
3
365
Zarejestrowany 1 tydzień temu
4
True Image
Zarejestrowany 1 tydzień temu
5
archana agarwal
Zarejestrowany 1 tydzień temu
DE
EL
ES
FI
FR
ID
IT
JA
LV
NL
PL
PT
RO
RU
TR
ZH
© de-vraag 2022
Źródło
stackoverflow.com
na podstawie licencji cc by-sa 3.0 z przypisaniem