Ako zmeniť metódu s JavaScriptu

Mnoho webových vývojárov používať JavaScript zmeniť textový vstup užívateľa po tom , čo druhy do textového poľa . Napríklad , môžete použiť JavaScript , aby ste mohli odstrániť problematické slová z užívateľského fóra v príspevku . Môžete si tiež zobraziť osobný pozdrav na webe návštevník potom, čo vstúpi na jej meno na prihlasovacie formuláre . Po preštudovaní niekoľkých JavaScript príkazy , môžete manipulovať vstupný text a formátovať tak , aby vyhovovali vašim potrebám . Tieto príkazy sú všeobecné a práce vo všetkých prehliadačoch . Veci , ktoré budete potrebovať
HTML editor alebo Poznámkový blok
Zobraziť ďalšie inštrukcie Cestuj 1

Vytvoriť nový HTML dokument .
2

Pridať tento kód na časti tela dokumentu :

< /h2 >

;

sťahovanie

Tým sa vytvorí prázdne hlavičky a textové pole prvok . Budete zadajte názov do textového poľa . ID sú nepovinné , ale musíte použiť , ak máte v pláne manipulovať obsah elementu HTML pomocou JavaScriptu
3

pridali tento button prvok pod vyhlásenie textového poľa : .

sťahovanie

Po kliknutí na tlačidlo , JavaScript zmení . text , ktorý ste zadali , a zobrazí sa nový text v hlavičke a textového poľa
4

Pridať túto funkciu JavaScriptu časti skriptu dokumentu :

funkcie changeText ( ) { var headingObject = document.getElementById ( ' myHeading ' ) ; var textboxObject = document.getElementById ( ' myTextbox ' ) ; var originalText = textboxObject.value ; textboxObject.value = " Hello " + originalText ; headingObject.innerHTML = " text zmenený na - > Ahoj " + originalText ;

} " Príkaz document.getElementById " načíta HTML prvok a dáva ju k dispozícii JavaScript . V tomto príklade sú dva " príkazy document.getElementById načítať hlavičku prvku ( myHeading ) a prvok textové pole ( myTextbox ) . Funkcia potom dostane text z textového poľa a dodáva : " Ahoj " na reťazec . Konečne , " innerHTML " vlastnosti tohto čísla a textové pole prvkov sa zmení .
5

Otvorte dokument v prehliadači , zadajte názov do textového poľa a kliknite na tlačidlo . Funkcia JavaScript pridá " Hello " na meno a aktualizovať obsah týchto dvoch prvkov HTML .

• Predchádzajúca strana: Ako vytvoriť maliarske farby 
• Ďalšia strana: Ako porovnať Java Script String