Mida teeb insertAdjacentHTML() meetod JavaScriptis

See juhend selgitab JavaScripti meetodi „insertAdjacent HTML()” eesmärki, toimimist ja kasutamist.

Mida teeb meetod 'insertAdjacentHTML()' JavaScriptis?

' insertAdjacentHTML() ” meetod aitab kasutajatel sisestada HTML-koodi kindlasse kohta.

Süntaks

Ülaltoodud süntaksis:

• element : esindab seotud HTML-i elementi.
• positsiooni : see määrab HTML-elemendi neli suhtelist asukohta järgmiselt.
• enne algust : enne HTML-elementi.
• pärast algust : kohe pärast HTML-elemendi esimest alamosa.
• pärast : HTML-i elemendi lõpus.
• ennem : pärast HTML-elemendi viimast alamosa.
• html : see viitab sisestatud HTML-i elemendile.

Näide: 'insertAdjacentHTML()' rakendamine elementide lisamiseks suhtelistele positsioonidele
See näide rakendab käsitletud meetodit elementide lisamiseks nelja konkreetsesse kohta konkreetse elemendi suhtes, st '

”.

---





---

HTML-kood
Esmalt läbige järgmine HTML-kood:

< h2 > insertAdjacentHTML() meetod JavaScriptis < / h2 >
< ul id = 'demo' >
< et > Linux < / et >
< / ul >

Ülaltoodud koodilõigul:




• Esiteks looge alampealkiri, kasutades '

  ” silti.

• Järgmisena kasutage '
  ” märgend, et luua järjestamata loend koos määratud ID-ga „demo”.
  • ' “ silt liidab loendis märgitud üksuse.

  JavaScripti kood
  Nüüd liikuge edasi JavaScripti koodiploki juurde:

  < stsenaarium >
  lase loetleda = dokument. getElementById ( 'demo' ) ;
  nimekirja. insertAdjacentHTML ( 'enne algust' , „

  Operatsioonisüsteemid

  ” ) ;
  nimekirja. insertAdjacentHTML ( 'afterbegin' , '
• Windows
' ) ;
nimekirja. insertAdjacentHTML ( 'enne' , „
• Mac OS
” ) ;
nimekirja. insertAdjacentHTML ( 'afteriend' , „

See on kõik

” ) ;
stsenaarium >

Ülaltoodud koodilõigul:

• Deklareeri muutuja ' nimekirja ', mis kasutab ' getElementById() 'meetodi kaasasoleva hankimiseks'
  'element, mis sisaldab ID-d' demo ”.
  • Järgmisena rakendage ' insertAdjacentHTML() ” meetodit, et sisestada alampealkiri sildi „

    ” kaudu enne „

    ” algust, st „ enne algust ” positsiooni.
    • Pärast seda sisestage üksus ' ” sildi pärast märgendi „
      ” algust, st „ pärast algust ” positsiooni.
      • Jällegi kasutage ' “, et lisada loendi üksus enne märgendi “
        ” lõppu, st “ ennem ” positsiooni.
        • Lõpuks sisestage lõik märgendi „

          ” abil pärast märgendi „

          ” lõppu „ pärast ” positsiooni.

          Väljund
          

          Nagu näha, sisestatakse kõik määratletud HTML-i elemendid neile määratud asukohta, kasutades ' insertAdjacentHTML() ” meetod.

          Järeldus

          JavaScript pakub hea mainega sisseehitatud ' insertAdjacentHTML() ” meetod HTML-elemendi lisamiseks neljale erinevale positsioonile. See juhendab brauserit kohandama märgitud HTML-i elementi aadressil ' enne algust ”, „ ennem ”, „ pärast algust ', ja ' pärast ” positsioonid konkreetse elemendi suhtes. Selles juhendis käsitleti üksikasjalikult meetodi 'insertAdjacentHTML()' tööd ja kasutamist.