Latest web development tutorials

Metody DOM HTML

Metoda jest to działanie, które możemy wykonać w węźle (elementy HTML).

Interfejs programowania

Przez JavaScript (oraz innych języków programowania) do HTML dostępu DOM.

Wszystkie elementy HTML są zdefiniowane jako przedmiot, a interfejs programowania jest metoda obiektu i właściwości obiektu.

Metoda jest operacja (takie jak dodawanie lub modyfikować elementy), które można wykonać.

Nieruchomość jest to, że można pobrać lub ustawić wartość (na przykład nazwę węzła lub treści).

Metoda getElementById ()

getElementById () zwraca element z podanym ID:

Przykłady

var element=document.getElementById("intro");

Spróbuj »

HTML DOM obiektów - metody i właściwości

Niektóre powszechnie stosowane metody HTML DOM:

  • getElementById (id) - Get węzła (element) z podanym id
  • appendChild (węzła) - wstawić nowy węzeł podrzędny (element)
  • removeChild (węzła) - Usuwa węzeł podrzędny (element)

Niektóre powszechnie stosowane HTML DOM atrybuty:

  • innerHTML - węzeł (element) wartość tekstowa
  • parentNode - węzły (elementów) z węzła nadrzędnego
  • childNodes - węzeł (pierwiastek) z węzła potomnego
  • Atrybuty - node (element) węzeł atrybutu

W tym poradniku dowiesz się więcej na temat następnego rozdziału własności.

Prawdziwe obiekty

Osoba jest obiektem.

Jednym ze sposobów może być do jedzenia () sleep (), praca (), play (), i tak dalej.

Wszystkie te metody mają, ale będą realizowane w różnych momentach.

własność danej osoby, w tym ich imię i nazwisko, wzrost, waga, wiek, płeć i tak dalej.

Każdy ma te właściwości, ale ich wartości są różne.

Niektóre metody obiektu DOM

Oto kilka typowych metod, których nauczyłeś się w tym kursie:

sposób opis
getElementById () Zwraca element o podanym ID.
getElementsByTagName () Zwraca listę węzłów (array set / node) zawierający wszystkie elementy o określonej nazwie znacznika.
getElementsByClassName () Zwraca listę wszystkich elementów z podanego węzła zawiera nazwę klasy.
appendChild () Aby dodać nowy węzeł potomny do określonego węzła.
removeChild () Usuwa węzeł podrzędny.
replaceChild () Wymień węzły potomne.
insertBefore () Wstawić nowy węzeł potomny przed określonego węzła potomnego.
createAttribute () Tworzenie węzeł atrybutu.
createElement () Załóż węzeł elementu.
createTextNode () Tworzenie węzła tekstowego.
getAttribute () Zwraca określone wartości atrybutów.
setAttribute () Aby ustawić lub zmodyfikować określoną wartość dla określonego obiektu.