Kaip sukurti mygtuką „JavaScript“.

Kūrėjai dažniausiai nori, kad jų tinklalapiai būtų patrauklūs ir interaktyvūs. Šiuo tikslu tinklalapyje pridedami mygtukai. Pavyzdžiui, kai reikia siųsti arba gauti duomenis, įskaitant paspaudimų įvykius, kad vartotojas galėtų naudotis papildomomis funkcijomis registruojantis arba prisijungiant prie paskyros. Tokiais atvejais mygtukai leidžia galutiniam vartotojui sumaniai atlikti įvairias funkcijas.

Šiame tinklaraštyje bus paaiškinta, kaip sukurti mygtukus „JavaScript“.

Kaip sukurti mygtuką „JavaScript“?

Norėdami sukurti mygtuką „JavaScript“, galima naudoti šiuos metodus:

• „createElement()“ ir „appendChild()“ metodai
• Žymos „input“ atributas „Tipas“.

Šie metodai parodys koncepciją po vieną!

1 būdas: sukurkite mygtuką „JavaScript“ naudodami „createElement()“ ir „appendChild()“ metodus

„ CreateElement() “ metodas sukuria elementą, o „ appendChild() “ metodas prideda elementą prie paskutinio elemento antrinio elemento. Šie metodai bus taikomi kuriant mygtuką ir pridedant jį prie dokumento objekto modelio (DOM), kurį reikia panaudoti.

Sintaksė

Aukščiau pateiktoje sintaksėje „ tipo “ nurodo elemento tipą, kuris bus sukurtas naudojant createElement() metodą, ir „ mazgas ” yra mazgas, kuris bus pridėtas naudojant appendChild() metodą.

Toliau pateiktame pavyzdyje bus paaiškinta nurodyta koncepcija.

Pavyzdys

Pirma, „ mygtuką “ bus sukurta naudojant document.createElement() metodą ir saugoma kintamajame pavadinimu „ sukurti mygtuką “:

Toliau „ vidinisTekstas ” ypatybė nurodys sukurtą mygtuką ir nustatys nurodyto mygtuko teksto reikšmę taip:

Galiausiai „ appendChild() “ metodas pridės sukurtą mygtuką prie DOM, nurodydamas kintamąjį, kuriame jis saugomas kaip argumentas:

Pirmiau nurodyto įgyvendinimo rezultatas bus toks:

2 būdas: sukurkite mygtuką „JavaScript“, naudodami žymos „įvesties“ atributą „Type“.

„ tipo “ atributas nurodo rodomo įvesties elemento tipą. Jis gali būti naudojamas norint sukurti mygtuką, nurodant „ mygtuką “ kaip įvesties žymos tipo atributo reikšmę.

Sintaksė

Čia, ' mygtuką “ nurodo įvesties lauko tipą.

Peržiūrėkite toliau pateiktą pavyzdį.

Pavyzdys

Pirmiausia naudosime įvesties žymą, nurodykite jos tipą kaip „ mygtuką “, o vertė kaip „ Paspausk mane “. Dėl to bus sukurtas mygtukas. Be to, tai suaktyvins „ CreateButton() “ funkcija spustelėjus:

„JavaScript“ faile apibrėžsime „ CreateButton() “ funkcija, kuri sugeneruos įspėjimo laukelį, kai bus paspaustas pridėtas mygtukas:

Išvestis

Aptarti būdai sukurti mygtuką „JavaScript“ gali būti tinkamai panaudoti pagal reikalavimus.

Išvada

Norėdami sukurti mygtuką „JavaScript“, „ sukurti elementą () “ ir „ appendChild() “ metodai gali būti taikomi norint sukurti mygtuką ir pridėti jį naudoti DOM. Kitas būdas, kurį galima naudoti kuriant mygtuką, yra įvesties tipo nustatymas ir susijusių funkcijų pridėjimas. Šiame straipsnyje parodyta, kaip sukurti mygtuką „JavaScript“.