Najlepszy samouczek JavaScript elementy HTML DOM W 2024 r. W tym samouczku możesz dowiedzieć się Utwórz nowy element HTML,Przykłady,Przykłady analizy:,Usuń istniejące elementy HTML,Przykłady,Przykłady analityczne,HTML DOM Tutorial,
Utwórz nowy element HTML
Kod ten tworzy nowy <p> element:
Aby dodać tekst do elementu <p>, należy najpierw utworzyć węzeł tekstowy. Kod ten tworzy węzeł tekstowy:
Następnie należy dodać ten węzeł tekstu do elementu <p>:
Wreszcie, należy dodać ten nowy element do istniejącego elementu.
Kod znaleźć istniejący element:
Poniższy kod po istniejących elementów dodać nowy element:
Poniższy kod demonstruje jak usunąć elementy:
<Script>
var rodzic = document.getElementById ( "div1");
var dziecko = document.getElementById ( "P1");
parent.removeChild (dziecko);
</ Script>
Dokument HTML zawierający węzły potomne mają dwa (dwa <p> element) elementu <div>:
Znajdź id = "Div1" elementy:
Znajdź id = "P1" do elementu <p>:
Usuń z elementu nadrzędnego podelementów:
Jeśli można usunąć element bez odniesienia do elementu nadrzędnego, to byłoby świetnie. Ale niestety. elementy DOM, które trzeba wiedzieć, który ma zostać usunięty, a także jego elementem dominującym. |
Jest to powszechne rozwiązanie: znaleźć element podrzędny, który chcesz usunąć, a następnie wykorzystać jego właściwości, aby znaleźć parentNode elementu nadrzędnego:
W HTML DOM części naszego poradnika JavaScript, nauczyłeś się:
Jeśli chcesz dowiedzieć się więcej na temat używania JavaScript aby uzyskać dostęp do wiedzy HTML DOM, odwiedź naszą pełną samouczek HTML DOM .