Metody i właściwości HTML DOM

JavaScript może również uzyskać dostęp do modelu obiektu dokumentów HTML (DOM) podobny do innych języków programowania. Wszystkie elementy HTML są zdefiniowane jako „obiekty”W DOM, gdzie każdy obiekt ma jakiś zestaw metod i właściwości. Właściwość HTML DOM to wartość, którą można odzyskać lub zmienić, a metoda HTML DOM to działanie, które można wykonać dla elementów HTML, na przykład usuwanie elementów HTML.

W tym spisie omówi metody i właściwości HTML DOM. Ponadto zapewnimy również osobne listy najbardziej przydatnych metod i właściwości HTML DOM w JavaScript. A więc zacznijmy!

Metody HTML DOM

„„działania„Wykonujesz na elementach HTML, nazywa się metodami HTML DOM. Możesz użyć metod HTML DOM jako początkującego JavaScript do generowania wymaganych wyników bez wkładania zbyt dużej ilości wysiłku i pisania mnóstwa kodu. Metody HTML DOM mogą pomóc w uproszczeniu zadania.

W poniższej tabeli opracowaliśmy niektóre metody HTML DOM, które można wykorzystać na wszystkich elementach HTML:

Metody HTML DOM	Opis
addEventListener ()	„„addEventListener ()„Metoda HTML DOM jest wykorzystywana do dołączania obsługi zdarzeń do określonego elementu.
appendChild ()	„„appendChild ()”Metoda służy do dodania nowego węzła dziecięcego dla elementu.
plama()	„„plama()”Metoda jest stosowana do wyeliminowania ostrości z elementu HTML.
Kliknij()	„„Kliknij()”Metoda nakłada na kliknięcie myszy element HTML.
klonenode ()	„„klonenode ()”Metoda jest wykorzystywana do klonowania elementu.
najbliższy()	„„najbliższy()„Metoda HTML DOM jest wykorzystywana do wyszukiwania drzewa DOM dla najbliższego elementu, który pasuje do określonego selektora CSS.
Porównywane posion ()	„„Porównywane posion ()„Metoda HTML DOM jest wykorzystywana do porównywania pozycji dokumentu dowolnych dwóch htmlelemów.
wyłączyć tryb pełnoekranowy()	„„expulfullScreen ()„Właściwość anuluje element w trybie pełnego ekranu.
centrum()	„„centrum()”Metoda HTML DOM do przypisywania ostrości do elementu HTML.
getAttribute ()	„„getAttribute ()„Metoda HTML DOM wyświetla wartość atrybutu elementu.
getAttributenode ()	„„getAttributenode ()”Metoda HTML DOM wyświetla określony węzeł atrybutu.
GetBoundingClientRect ()	„„GetBoundingClientRect ()”Metoda HTML DOM wyświetla pozycję i rozmiar elementu związanego z rzutniem.
getElementsByClassName ()	„„getElementByClassName ()„Metoda HTML DOM wyświetla listę elementów dziecięcych określonej klasy.
getElementsBaTagname ()	„„getElementsBaTagname ()„Metoda HTML DOM wyświetla listę elementów dziecięcych konkretnego znacznika.
Hasattribute ()	„„Hasattribute ()„Metoda HTML DOM Wyświetla się true Jeśli element ma dodany atrybut, w przeciwnym razie ta metoda zwraca false.
haschildnodes ()	„„haschildnodes ()„Metoda HTML DOM jest prawdziwa, jeśli dany element ma jakikolwiek węzły dziecięce, w przeciwnym razie ta metoda zwraca false.
insertadjaceNtelement ()	„„insertadjaceNtelement ()„Metoda HTML DOM jest wykorzystywana do wstawienia elementu HTML w określonej pozycji związanej z elementem aktywnym.
insertadjacenthtml ()	„„insertadjacenthtml ()„Metoda HTML DOM jest wykorzystywana do wstawienia tekstu sformatowanego HTML w określonej pozycji związanej z elementem aktywnym.
insertAdJacentText ()	„„insertAdJacentText ()„Metoda HTML DOM jest wykorzystywana do wstawienia tekstu w określonej pozycji związanej z aktywnym elementem.
insertBefore ()	„„insertBefore ()„Metoda HTML jest stosowana do wstawienia nowego węzła dziecięcego przed istniejącym węzłem dziecięcym.
isDefaultNamespace ()	„„isDefaultNamespace ()„Metoda HTML DOM Wyświetla się true Jeśli określona nazwaPaceuri jest ustawiona jako domyślna, w przeciwnym razie ta metoda wyświetla false.
isequalNode ()	„„isequalNode ()”Metoda stosuje się do sprawdzania, czy dwa elementy HTML są równe, czy nie.
Issamenode ()	„„Issamenode ()„Metoda HTML DOM jest wykorzystywana do weryfikacji, czy dwa elementy HTML są tym samym węzłem, czy nie.
jest wspierany()	„„jest wspierany()„Metoda HTML DOM Wyświetla się true, jeśli dana funkcja jest obsługiwana dla elementu HTML.
mecze()	„„mecze()”Metoda wyświetla wartość logiczną wskazującą, czy określony selektor CSS odpowiada elementowi, czy nie.
normalizować()	„„normalizować()„Metoda HTML DOM jest wykorzystywana do łączenia sąsiednich węzłów tekstowych i do eliminowania pustych węzłów tekstowych z elementu HTML.
QuerySelelect ()	„„QuerySelelect ()„Metoda HTML DOM jest wykorzystywana do wyjścia pierwszego elementu dziecka, który jest dopasowany do konkretnego selektora CSS elementu HTML.
QuerySelelection ()	„„QuerySelelection ()”Metoda zwraca wszystkie elementy dziecięce, które pasują do określonego selektora CSS elementu.
usunąć()	„„usunąć()„Metoda HTML DOM jest wykorzystywana do usuwania określonego elementu HTML z DOM.
resuseAttribute ()	„„resuseAttribute ()„Metoda HTML DOM jest wykorzystywana do usuwania określonego atrybutu z elementu HTML.
resuseAttributenode ()	„„resuseAttributenode ()”Metoda HTML DOM eliminuje dodany węzeł atrybutu i pokazuje go jako wyjście.
revunchild ()	„„revunchild ()„Metoda HTML DOM jest wykorzystywana do usuwania określonego węzła dziecięcego z elementu HTML.
removeventListener ()	„„removeventListener ()„Metoda HTML DOM jest wykorzystywana do usuwania załączonego obsługi zdarzeń.
zamiennik ()	„„zamiennik ()„Metoda HTML DOM jest stosowana do wymiany węzła dziecięcego z elementu HTML.
requestfullScreen ()	„„requestfullScreen () ”Metoda HTML DOM jest wykorzystywana do wyświetlania elementu HTML w trybie pełnego ekranu.
scrollIntoview ()	„„scrollIntoview ()„Metoda HTML DOM jest wykorzystywana do przewijania określonego elementu HTML do widocznego obszaru przeglądarki.
setAttribute ()	„„setAttribute ()„Metoda HTML DOM jest wykorzystywana do ustawiania atrybutów do wartości dodanej.
setAttributenode ()	„„setAttributenode ()„Metoda HTML DOM jest wykorzystywana do zmiany lub wyświetlania określonego węzła atrybutu.
ToString ()	„„ToString ()„Metoda HTML DOM jest wykorzystywana do konwersji elementu na ciąg.

Właściwości HTML DOM

Wartości, które możesz ustawić lub zmienić elementy HTML, nazywane są właściwościami HTML DOM. Właściwości HTML są zdefiniowane przez DOM, które można łatwo zmodyfikować za pomocą wstępnie zdefiniowanych właściwości HTML DOM.

Teraz sprawdź poniżej podaną tabelę; Opracowaliśmy niektóre właściwości HTML DOM, które można wykorzystać na wszystkich elementach HTML:

Właściwości HTML DOM	Opis
klucz dostępu	„„klucz dostępu”Ustawia lub zwraca właściwość AccessKey HTML DOM.
atrybuty	„„atrybuty„Właściwość HTML DOM wysyła o nazwie Nodemap atrybutu elementu HTML.
Aktywnelem	„„Aktywnelem„Właściwość otrzymuje element, który jest obecnie aktywny.
ChildElementCount	„„ChildElementCount„Właściwość HTML DOM jest wykorzystywana do wyświetlania całkowitej liczby elementów dziecięcych elementu HTML.
Childnodes	„„Childnodes„Właściwość HTML DOM wysyła węzły dziecięce elementu HTML.
Lista klas	„„Lista klas„Właściwość HTML DOM zwraca nazwę klasy elementu.
Nazwa klasy	„„Nazwa klasy„Właściwość HTML DOM jest wykorzystywana do zmiany lub wyświetlania wartości nazwy klasy HTML.
ClientHeight	„„ClientHeight„Właściwość HTML DOM wysyła wysokość elementu HTML.
ClientLeft	„„ClientLeft„Właściwość HTML DOM jest wykorzystywana do wyświetlania szerokości lewej granicy elementu HTML.
ClientTop	„„ClientTop„Właściwość HTML DOM jest wykorzystywana do wyświetlania szerokości górnej granicy elementu HTML.
szerokość klienta	„„szerokość klienta”Właściwość zwraca lub wyprowadza szerokość elementu, która obejmuje wyściółkę.
zadowolony	„„zadowolony„Właściwości HTML DOM ustawia lub zwraca, czy treść elementu jest edytowalna, czy nie.
reż	„„reż„Właściwość HTML DOM jest wykorzystywana do zmiany lub wyświetlania wartości elementu.
pierworodny	„„pierworodny„Właściwość HTML DOM jest wykorzystywana do wyświetlania pierwszego węzła dziecięcego elementu HTML.
FirstelementChild	„„FirstelementChild„Właściwość HTML DOM jest wykorzystywana do wyświetlania pierwszego elementu dziecięcego elementu HTML.
ID	„„ID„Właściwość HTML DOM jest wykorzystywana do zmiany i wyświetlania wartości atrybutu identyfikatora elementu.
InnerHtml	„„InnerHtml„Właściwość HTML DOM jest wykorzystywana do zmiany i wyświetlania treści elementu.
Innertext	„„Innertext„Właściwość HTML DOM jest wykorzystywana do zmiany i wyświetlania treści tekstu węzła i jego potomków.
Iscontenedtable	„„Iscontenedtable„Właściwość HTML DOM jest wykorzystywana do sprawdzania, czy treść elementu jest edytowalna, czy nie.
Lang	„„Lang„Właściwość HTML DOM jest wykorzystywana do ustawiania wartości atrybutu LANG dla elementu HTML.
ostatnie dziecko	„„ostatnie dziecko„Własność zwraca ostatni węzeł dziecięcy elementów.
LastelementChild	„„LastelementChild„Właściwość HTML DOM jest wykorzystywana do wyświetlania ostatniego elementu dziecięcego elementu.
Nazwa	„„Nazwa„Właściwość HTML DOM jest wykorzystywana do wyświetlania adresu URI przestrzeni nazwy elementu HTML.
Nextsibling	„„Nextsibling„Właściwość HTML DOM jest wykorzystywana do wyświetlania następnego węzła na poziomie drzewa.
NextElementsIbling	„„NextElementsIbling„Właściwość HTML DOM jest wykorzystywana do wyświetlania następnego elementu HTML na poziomie drzewa.
Nodename	„„Nodename„Właściwość HTML DOM wyświetla nazwę węzła.
Nodetype	„„Nodetype„Właściwość HTML DOM jest wykorzystywana do wyświetlania typu węzła.
Nodevalue	„„Nodevalue„Właściwość HTML DOM jest wykorzystywana do wyświetlania lub zmiany wartości węzła.
właścicielDocument	„„właścicielDocument”Właściwości ustawia lub zwraca element główny lub obiekt dokumentu dla elementu.
ParentNode	„„ParentNode„Właściwość HTML DOM jest wykorzystywana do wyświetlania węzła nadrzędnego elementu.
Parenement	„„Parenement„Właściwość HTML DOM jest wykorzystywana do wyświetlania elementu nadrzędnego elementu HTML.
Poprzednio	„„Poprzednio„Właściwość HTML DOM jest wykorzystywana do wyświetlania poprzedniego rodzeństwa elementu HTML.
PoprzedniElementsIbling	„„PoprzedniElementsIbling„Właściwość HTML DOM jest wykorzystywana do wyświetlania rodzeństwa poprzedniego elementu HTML.
ScrollHeight	„„ScrollHeight„Właściwość HTML DOM jest wykorzystywana do wyświetlania wysokości elementu HTML.
styl	„„styl„Właściwość HTML DOM jest wykorzystywana do zmiany lub wyświetlania wartości atrybutu elementu HTML.
tabindex	„„tabindex„Właściwość HTML DOM jest wykorzystywana do zmiany lub wyświetlania wartości indeksu zakładki atrybutu elementu HTML.
Nazwa znacznika	„„Nazwa znacznika„Właściwość HTML DOM jest wykorzystywana do wyświetlania nazwy znacznika elementu.
TextContent	„„TextContent„Właściwość HTML DOM jest wykorzystywana do zmiany lub wyświetlania treści tekstowej węzła.
tytuł	„„tytuł”Jest wykorzystywany do zmiany lub wyświetlania wartości atrybutu tytułu elementu HTML.
Skrypty	„„Skrypty„Właściwość służy do uzyskania wszystkich elementów skryptu.
StraszneRorchecking	„„StraszneRorchecking„Właściwość jest wykorzystywana do ustawiania sprawdzania błędów w trybie ścisłym.
URL	„„URL„Właściwość HTML DOM jest wykorzystywana do uzyskania pełnego adresu URL dokumentu HTML.

Wniosek

Element HTML zdefiniowany jako obiekt ma pewne właściwości i metody DOM. Metody HTML DOM określają działanie, które chcesz wykonać w elemencie HTML, podczas gdy właściwości HTML DOM to wartości, które chcesz uzyskać lub ustawić dla konkretnego obiektu lub elementu HTML. W tym zapisie omówiono metody i właściwości HTML DOM. Ponadto podaliśmy również osobne listy najbardziej przydatnych metod i właściwości HTML DOM w JavaScript.