Metoda HTML DOM insertAdjacentHTML()
Przykład
Wstaw nowy element <p> po elemencie nagłówka:
var h = document.getElementById("myH2");
h.insertAdjacentHTML("afterend",
"<p>My new paragraph</p>");
Definicja i użycie
Metoda insertAdjacentHTML()
wstawia tekst jako HTML w określonej pozycji.
Wartości pozycji prawnej to:
"po rozpoczęciu"
"po zakończeniu"
"przed rozpoczęciem"
"przed końcem"
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.
Method | |||||
---|---|---|---|---|---|
insertAdjacentHTML() | 1 | 4 | 8 | 4 | 7 |
Składnia
node.insertAdjacentHTML(position, text)
Wartości parametrów
Parameter | Type | Description |
---|---|---|
position | String | Required. A position relative to the element. Legal values: "afterbegin" - After the beginning of the element (as the first child) "afterend" - After the element "beforebegin" - Before the element "beforeend" - Before the end of the element (as the last child) |
text | String | The text you want to insert |
Więcej przykładów
Przykład
Używając wartości „afterbegin”:
h.insertAdjacentHTML("afterbegin", "<span style='color:red'>My span</span>");
Przykład
Używając wartości „przed rozpoczęciem”:
h.insertAdjacentHTML("beforebegin", "<span style='color:red'>My span</span>");
Przykład
Używając wartości „przed”:
h.insertAdjacentHTML("beforeend", "<span style='color:red'>My span</span>");