HTML DOM insertAdjacentHTML() Metode
Voorbeeld
Voeg 'n nuwe <p>-element na die kop-element in:
var h = document.getElementById("myH2");
h.insertAdjacentHTML("afterend",
"<p>My new paragraph</p>");
Definisie en gebruik
Die insertAdjacentHTML()
metode voeg 'n teks as HTML in 'n gespesifiseerde posisie in.
Regsposisiewaardes is:
"afterbegin"
"afterend" "beforebegin"
"
beforeend"
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die metode ten volle ondersteun.
Method | |||||
---|---|---|---|---|---|
insertAdjacentHTML() | 1 | 4 | 8 | 4 | 7 |
Sintaksis
node.insertAdjacentHTML(position, text)
Parameterwaardes
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 |
Meer voorbeelde
Voorbeeld
Gebruik die "afterbegin" waarde:
h.insertAdjacentHTML("afterbegin", "<span style='color:red'>My span</span>");
Voorbeeld
Gebruik die "beforebegin" waarde:
h.insertAdjacentHTML("beforebegin", "<span style='color:red'>My span</span>");
Voorbeeld
Gebruik die "beforeend" waarde:
h.insertAdjacentHTML("beforeend", "<span style='color:red'>My span</span>");