Što metoda insertAdjacentHTML() radi u JavaScriptu

Ovaj vodič objašnjava cilj, rad i upotrebu metode 'insertAdjacent HTML()' u JavaScriptu.

Što radi metoda “insertAdjacentHTML()” u JavaScriptu?

' umetni susjedni HTML() ” pomaže korisnicima da umetnu HTML kod na određeno mjesto.

Sintaksa

U gornjoj sintaksi:

• element : Predstavlja pridruženi HTML element.
• položaj : Određuje četiri relativna položaja HTML elementa, kako slijedi:
• prije početka : Prije HTML elementa.
• nakon početka : odmah nakon prvog djeteta HTML elementa.
• poslije : Na kraju HTML elementa.
• prije kraja : Nakon posljednjeg djeteta HTML elementa.
• html : Odnosi se na umetnuti HTML element.

Primjer: Primjena 'insertAdjacentHTML()' za umetanje elemenata na relativnim pozicijama
Ovaj primjer primjenjuje razmatranu metodu za umetanje elemenata na četiri specifična položaja u odnosu na određeni element, tj. '

”.

---





---

HTML kôd
Prvo prođite kroz sljedeći HTML kod:

< h2 > insertAdjacentHTML() metoda u JavaScriptu < / h2 >
< ul iskaznica = 'demo' >
< da > Linux < / da >
< / ul >

U gornjem isječku koda:




• Najprije stvorite podnaslov koristeći '

  ” oznaka.

• Zatim upotrijebite '
  ” za stvaranje nesređenog popisa s dodijeljenim ID-om „demo”.
  • ' “ oznaka dodaje navedenu stavku na popis.

  JavaScript kod
  Sada prijeđite na blok JavaScript koda:

  < skripta >
  neka lista = dokument. getElementById ( 'demo' ) ;
  popis. umetni susjedniHTML ( 'prije početka' , '

  Operativni sustavi

  ' ) ;
  popis. umetni susjedniHTML ( 'nakon početka' , '
• Windows
' ) ;
popis. umetni susjedniHTML ( 'prije' , '
• Mac OS
' ) ;
popis. umetni susjedniHTML ( 'afterend' , '

To je sve

' ) ;
skripta >

U gornjem isječku koda:

• Deklarirajte varijablu “ popis ' koji koristi ' getElementById() ' metoda za dohvaćanje uključenog '
  ' element koji sadrži id ' demo ”.
  • Zatim primijenite ' umetni susjedni HTML() ” za umetanje podnaslova preko oznake “

    ” prije početka “

    ”, tj. na “ prije početka ” položaj.
    • Nakon toga umetnite stavku putem ' ” nakon početka oznake “
      ”, tj. na “ nakon početka ” položaj.
      • Opet, upotrijebite ' “ za dodavanje stavke popisa prije kraja oznake “
        ”, tj. na “ prije kraja ” položaj.
        • Na kraju, umetnite odlomak uz pomoć oznake “

          ” nakon kraja oznake “

          ” na “ poslije ” položaj.

          Izlaz
          

          Kao što se vidi, svi definirani HTML elementi umetnuti su na svoje dodijeljeno mjesto uz pomoć ' umetni susjedni HTML() ” metoda.

          Zaključak

          JavaScript nudi dobro poznati ugrađeni ' umetni susjedni HTML() ” metoda za dodavanje HTML elementa na četiri različita položaja. On upućuje preglednik da prilagodi navedeni HTML element na ' prije početka ”, “ prije kraja ”, “ nakon početka ', i ' poslije ” pozicije u odnosu na određeni element. U ovom se vodiču detaljno raspravlja o radu i korištenju metode 'insertAdjacentHTML()'.