Veel webontwikkelaars gebruiken JavaScript om de gebruiker een tekst invoer nadat hij typt het in een tekstvak te veranderen . Bijvoorbeeld , kon u JavaScript gebruiken om aanstootgevende woorden uit post een forum gebruiker te verwijderen . Je kan ook een persoonlijke begroeting te tonen aan een bezoeker van de site nadat ze gaat haar naam op aanmeldingsformulieren . Na het leren van een paar JavaScript -commando's , kunt u tekst invoeren manipuleren en formatteren aan uw behoeften . Deze opdrachten zijn generiek en werkt in alle browsers . Wat je nodig hebt HTML -editor of Notepad Toon Meer Aanwijzingen 1
Maak een nieuw HTML-document . Kopen van 2
Voeg deze code naar de sectie hoofdgedeelte van het document :
< /h2 >
;
Dit maakt een leeg kopje en een tekstvak element . Je zult een naam in te voeren in het tekstvak . ID's zijn optioneel , maar je moet ze gebruiken als u van plan bent om de inhoud van een HTML-element met behulp van JavaScript manipuleren 3
Voeg deze knop element onder het tekstvak verklaring : .
Wanneer u klikt op de knop , zal webbrowser wijzigen de tekst die u hebt ingevoerd en geeft de nieuwe tekst in het kopje en het tekstvak 4
Voeg deze JavaScript-functie aan de sectie script van het document : .
functie changeText ( ) op Twitter { var headingObject = document.getElementById ( ' myHeading ' ) ; var textboxObject = document.getElementById ( ' MyTextBox ' ) ; var Originaltext = textboxObject.value ; textboxObject.value = " Hallo " + Originaltext ; headingObject.innerHTML = " tekst gewijzigd in - > Hallo " + Originaltext ; }
De " document.getElementById "commando haalt een HTML-element en maakt het beschikbaar maken voor JavaScript . In dit voorbeeld , de twee " document.getElementById commando ophalen van de post element ( myHeading ) en het tekstvak element ( MyTextBox ) . De functie krijgt dan de tekst uit het tekstvak en voegt " Hello "om de string . Ten slotte " innerHTML " eigenschappen van de rubriek en tekstvak elementen worden veranderd . 5
Open het document in een browser , voer een naam in het tekstvak en klik op de knop . de JavaScript-functie zal toevoegen " Hallo " de naam en het actualiseren van de inhoud van de twee HTML -elementen .
