Η μέθοδος HTML DOM Element insertAdjacentElement()

Ορισμός και χρήση

insertAdjacentElement() η μέθοδος εισάγει το στοιχείο στην καθορισμένη θέση.

έγκυρες θέσεις:

τιμή περιγραφή
afterbegin μετά την έναρξη του στοιχείου.
afterend μετά το στοιχείο.
beforebegin πριν το στοιχείο.
beforeend πριν το τέλος του στοιχείου.

παράδειγμα

παράδειγμα 1

τοποθέτηση ενός στοιχείου span μετά το τίτλο:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

δοκιμάστε το προσωπικά

παράδειγμα 2

χρήση "afterbegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

δοκιμάστε το προσωπικά

παράδειγμα 3

χρήση "beforebegin":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

δοκιμάστε το προσωπικά

παράδειγμα 4

χρήση "beforeend":

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

δοκιμάστε το προσωπικά

σύνταξη

element.insertAdjacentElement(position, element)

ή

node.insertAdjacentElement(position, element)

παράμετροι

παράμετροι περιγραφή
position

απαιτείται. Τοποθεσία του στοιχείου σε σχέση με τον στοιχείου:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element το στοιχείο που πρέπει να εισαχθεί.

υποστήριξη περιηγητή

πάντες οι περιηγητές υποστηρίζουν element.insertAdjacentElement()：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持