Ką „JavaScript“ veikia metodas insertAdjacentHTML()

Šiame vadove paaiškinamas „JavaScript“ metodo „insertAdjacent HTML()“ tikslas, veikimas ir naudojimas.

Ką „insertAdjacentHTML()“ veikia „JavaScript“?

„ insertAdjacentHTML() “ metodas padeda vartotojams įterpti HTML kodą į tam tikrą vietą.

Sintaksė

Aukščiau pateiktoje sintaksėje:

• elementas : reiškia susijusį HTML elementą.
• padėtis : nurodo keturias santykines HTML elemento pozicijas, kaip nurodyta toliau:
• prieš pradedant : prieš HTML elementą.
• popradžios : iškart po pirmojo antrinio HTML elemento.
• pasibaigus : HTML elemento pabaigoje.
• prieš : po paskutinio antrinio HTML elemento.
• html : nurodo įterptą HTML elementą.

Pavyzdys: „insertAdjacentHTML()“ taikymas elementams įterpti santykinėse pozicijose
Šiame pavyzdyje taikomas aptartas metodas, skirtas elementams įterpti keturiose konkrečiose vietose, atsižvelgiant į konkretų elementą, t. y. „

“.

---





---

HTML kodas
Pirmiausia peržiūrėkite šį HTML kodą:

< h2 > insertAdjacentHTML() metodas JavaScript < / h2 >
< ul id = 'demo' >
< kad > Linux < / kad >
< / ul >

Aukščiau pateiktame kodo fragmente:




• Pirmiausia sukurkite paantraštę naudodami „

  “ žymą.

• Tada naudokite „
  “ žymą, kad sukurtumėte netvarkingą sąrašą su priskirtu ID „demo“.
  • „ “ žyma prideda nurodytą elementą sąraše.

  JavaScript kodas
  Dabar pereikite prie „JavaScript“ kodo bloko:

  < scenarijus >
  tegul sąrašas = dokumentas. getElementById ( 'demo' ) ;
  sąrašą. įterpti gretimąHTML ( 'prieš pradžią' , „

  Operacinės sistemos

  “ ) ;
  sąrašą. įterpti gretimąHTML ( 'afterbegin' , „
• Windows
“ ) ;
sąrašą. įterpti gretimąHTML ( 'prieš' , „
• Mac OS
“ ) ;
sąrašą. įterpti gretimąHTML ( 'afterend' , „

Štai viskas

“ ) ;
scenarijus >

Aukščiau pateiktame kodo fragmente:

• Deklaruoti kintamąjį ' sąrašą “, kuris naudoja „ getElementById() 'būdas gauti įtrauktą'
  'elementas, kurį sudaro ID' demo “.
  • Tada pritaikykite „ insertAdjacentHTML() “ metodą, kad įterptumėte paantraštę per žymą „

    “ prieš „

    “ pradžią, t. y. ties „ prieš pradedant “ poziciją.
    • Po to įdėkite elementą naudodami „ “ žymą po „
      “ žymos pradžios, t. y. ties „ po pradžios “ poziciją.
      • Vėlgi, naudokite ' “ žymą, kad pridėtumėte sąrašo elementą prieš „
        “ žymos pabaigą, t. y. ties „ anksčiau “ poziciją.
        • Galiausiai po žymos „
          “ pabaigos įterpkite pastraipą naudodami žymą „

          “ pasibaigus “ poziciją.

          Išvestis
          

          Kaip matote, visi apibrėžti HTML elementai įterpiami į jiems priskirtą vietą naudojant „ insertAdjacentHTML() “ metodas.

          Išvada

          „JavaScript“ suteikia gerai žinomą integruotą „ insertAdjacentHTML() “ metodas, skirtas HTML elementui pridėti keturiose skirtingose ​​​​padėtyse. Jis nurodo naršyklei koreguoti nurodytą HTML elementą „ prieš pradedant “, „ anksčiau “, „ po pradžios ', ir ' pasibaigus “ pozicijas konkretaus elemento atžvilgiu. Šiame vadove buvo išsamiai aptartas „insertAdjacentHTML()“ metodo veikimas ir naudojimas.