Ko JavaScript dara metode insertAdjacentHTML()?

Šajā rokasgrāmatā ir izskaidrots JavaScript metodes “insertAdjacent HTML()” mērķis, darbība un lietojums.

Ko JavaScript dara metode “insertAdjacentHTML()”?

' insertAdjacentHTML() ” metode palīdz lietotājiem ievietot HTML kodu noteiktā vietā.

Sintakse

Iepriekš minētajā sintaksē:

• elements : tas apzīmē saistīto HTML elementu.
• pozīciju : tas norāda četras relatīvās HTML elementa pozīcijas, kā norādīts tālāk.
• pirms sākuma : pirms HTML elementa.
• pēc sākuma : uzreiz pēc HTML elementa pirmā atvasinājuma.
• pēc tam : HTML elementa beigās.
• pirms beigām : pēc HTML elementa pēdējā atvasinājuma.
• html : tas attiecas uz ievietoto HTML elementu.

Piemērs: “insertAdjacentHTML()” izmantošana, lai ievietotu elementus relatīvās pozīcijās
Šajā piemērā tiek izmantota apspriestā metode, lai ievietotu elementus četrās konkrētās pozīcijās attiecībā pret konkrētu elementu, t.i., '

”.

---





---

HTML kods
Vispirms izlasiet šo HTML kodu:

< h2 > insertAdjacentHTML() metode JavaScript < / h2 >
< ul id = 'demo' >
< ka > Linux < / ka >
< / ul >

Iepriekš minētajā koda fragmentā:




• Vispirms izveidojiet apakšvirsrakstu, izmantojot '

  ” tagu.

• Pēc tam izmantojiet '
  ” tagu, lai izveidotu nesakārtotu sarakstu ar piešķirtu id “demo”.
  • ' “ tags pievieno sarakstā norādīto vienumu.

  JavaScript kods
  Tagad pārejiet uz JavaScript koda bloku:

  < skripts >
  ļaujiet sarakstu = dokumentu. getElementById ( 'demo' ) ;
  sarakstu. insertAdjacentHTML ( 'pirms sākuma' , '

  Operētājsistēmas

  ' ) ;
  sarakstu. insertAdjacentHTML ( 'afterbegin' , '
• Windows
' ) ;
sarakstu. insertAdjacentHTML ( 'pirms' , '
• Mac OS
' ) ;
sarakstu. insertAdjacentHTML ( 'pēcpuse' , '

Tas arī viss

' ) ;
skripts >

Iepriekš minētajā koda fragmentā:

• Deklarē mainīgo ' sarakstu ', kas izmanto ' getElementById() 'metode, lai iegūtu iekļauto'
  'elements, kas satur id' demo ”.
  • Pēc tam izmantojiet “ insertAdjacentHTML() ” metodi, lai ievietotu apakšvirsrakstu, izmantojot tagu “

    ” pirms “

    ” sākuma, t.i., pie “ pirms sākuma ” pozīcija.
    • Pēc tam ievietojiet vienumu, izmantojot ' ” tagu pēc taga “
      ” sākuma, t.i., pie “ pēc sākuma ” pozīcija.
      • Atkal izmantojiet ' “, lai pievienotu saraksta vienumu pirms taga “
        ” beigām, t.i., pie “ pirms beigām ” pozīcija.
        • Visbeidzot, ievietojiet rindkopu ar tagu “

          ” aiz taga “

          ” beigām pie “ pēc tam ” pozīcija.

          Izvade
          

          Kā redzams, visi definētie HTML elementi tiek ievietoti tiem piešķirtajā pozīcijā, izmantojot ' insertAdjacentHTML() ” metode.

          Secinājums

          JavaScript nodrošina labi pazīstamu iebūvētu ' insertAdjacentHTML() ” metode HTML elementa pievienošanai četrās dažādās pozīcijās. Tas uzdod pārlūkprogrammai pielāgot norādīto HTML elementu ' pirms sākuma ”, “ pirms beigām ”, “ pēc sākuma ”, un “ pēc tam ” pozīcijas attiecībā uz konkrētu elementu. Šajā rokasgrāmatā ir detalizēti apskatīta metodes “insertAdjacentHTML()” darbība un izmantošana.