Vývojári väčšinou chcú, aby ich webové stránky boli atraktívne a aby boli interaktívne. Na tento účel sú na webovú stránku pridané tlačidlá. Napríklad, keď je potrebné odosielať alebo prijímať údaje vrátane udalostí kliknutia na pridané funkcie pre používateľa pri registrácii alebo prihlásení do účtu. V takýchto prípadoch tlačidlá umožňujú koncovému používateľovi vykonávať rôzne funkcie inteligentne.
Tento blog vysvetlí metódy vytvárania tlačidiel v JavaScripte.
Ako vytvoriť tlačidlo v JavaScripte?
Na vytvorenie tlačidla v JavaScripte možno použiť nasledujúce metódy:
Nasledujúce prístupy ukážu koncept jeden po druhom!
Metóda 1: Vytvorenie tlačidla v JavaScripte pomocou metód „createElement()“ a „appendChild()“
' createElement() ” metóda vytvorí prvok a “ appendChild() ” metóda pripojí prvok k poslednému potomkovi prvku. Tieto metódy sa použijú na vytvorenie tlačidla a jeho pridanie do modelu objektu dokumentu (DOM), ktorý je potrebné použiť, resp.
Syntax
dokument. createElement ( typu )prvok. appendChild ( uzol )
Vo vyššie uvedenej syntaxi „ typu “ označuje typ prvku, ktorý sa vytvorí pomocou metódy createElement() a „ uzol ” je uzol, ktorý bude pripojený pomocou metódy appendChild().
Nasledujúci príklad vysvetlí uvedený pojem.
Príklad
Po prvé, „ tlačidlo ” sa vytvorí pomocou metódy document.createElement() a uloží sa do premennej s názvom “ createButton “:
konšt createButton = dokument. createElement ( 'tlačidlo' )Ďalej, „ vnútornýText Vlastnosť ” bude odkazovať na vytvorené tlačidlo a nastaví textovú hodnotu zadaného tlačidla takto:
createButton. vnútornýText = 'Klikni na mňa'Nakoniec, „ appendChild() ” metóda pripojí vytvorené tlačidlo k DOM odkazom na premennú, v ktorej je uložené ako argument:
dokument. telo . appendChild ( createButton ) ;Výsledkom vyššie uvedenej implementácie bude:
Metóda 2: Vytvorte tlačidlo v JavaScripte pomocou atribútu „Typ“ značky „input“.
' typu ” predstavuje typ vstupného prvku, ktorý sa má zobraziť. Môže sa použiť na vytvorenie tlačidla zadaním „ tlačidlo ” ako hodnotu atribútu type vstupnej značky.
Syntax
< typ vstupu = 'tlačidlo' >Tu, ' tlačidlo “ označuje typ vstupného poľa.
Pozrite si nižšie uvedený príklad.
Príklad
Najprv použijeme vstupnú značku, jej typ špecifikujeme ako „ tlačidlo “ a hodnotu ako „ Klikni na mňa “. V dôsledku toho sa vytvorí tlačidlo. Okrem toho to spustí „ createButton() Funkcia ” po kliknutí:
< typ vstupu = hodnotu tlačidla = Click_Me onclick = 'createButton()' >V súbore JavaScript zadefinujeme „ createButton() ” funkcia, ktorá po kliknutí na pridané tlačidlo vygeneruje výstražné pole:
funkciu createButton ( ) {upozorniť ( 'Toto je tlačidlo' )
}
Výkon
Diskutované techniky na vytvorenie tlačidla v JavaScripte môžu byť použité vhodne podľa požiadaviek.
Záver
Ak chcete vytvoriť tlačidlo v jazyku JavaScript, „ createElement() “ a „ appendChild() ” metódy možno použiť na vytvorenie tlačidla a jeho pripojenie, aby sa použilo v DOM. Ďalšou technikou, ktorú možno použiť na vytvorenie tlačidla, je definovanie typu vstupu a pridanie súvisiacej funkcie. Tento článok demonštroval metódy na vytvorenie tlačidla v JavaScripte.