So ändern Sie den Text der Schaltflächen in Javascript

June 25

JavaScript ist eine Skriptsprache, die am häufigsten in Verbindung mit HTML verwendet wird, um das Verhalten von Elementen einer Webseite ändern. JavaScript kann ändern, wie viele Objekte funktionieren, einschließlich Hintergrund, Tabellen, Listen, Text und Schaltflächen. Eine Schaltfläche wird normalerweise am Ende eines Formulars verwendet, um die eingegebenen Informationen übermitteln. Möchten Sie den Text ändern, der auf einer Schaltfläche angezeigt wird, können Sie hierzu durch die Zuweisung der Schaltfläche eine eindeutige "ID" und mit der Funktion "GetElementById" als Teil einer Link-Tag.

Anweisungen

1 Öffnen Sie ein Dokument der Web-Seite in einem Text-Editor oder HTML Bearbeitungsanwendung (siehe Ressourcen).

2 Platzieren Sie den Cursor an der Stelle in der Webseite wo möchten Sie die Schaltfläche erstellen klicken. Die folgenden Codezeilen < Körper > gesetzt werden müssen und < / body > Tags im Dokument Webseite.

3 Typ "< Eingang Typ ="Knopf"Value ="Beispieltext mit Schaltfläche"Id ="button1">< / input >" auf die Schaltfläche erstellen. Diese Schaltfläche zeigt mit den Standardtext "Beispiel Schaltflächentext" und hat eine eindeutige ID von "button1". Drücken Sie "ENTER", um eine neue Zeile zu erstellen.

4 Typ "< a Href="javascript:document.getElementById('button1').value =' neue Schaltfläche "Text';void(0);" > ändern Schaltflächentext </a > "um einen Link erstellen, wenn Sie klicken, ändert sich den Text der Schaltfläche mit der ID"button1". Erstellten links zeigt den Text "Text der Schaltfläche ändern" und ändert den Text der Schaltfläche auf "Neue Schaltflächentext", die vom Benutzer geändert werden können, ohne dabei die Funktionalität des Codes zu. Wenn die einzigartige Schaltfläche ID ("button1") in diesem Schritt geändert wird, muss es auch im vorherigen Schritt geändert werden.

5 Klicken Sie im Menü "Datei" und dann auf "Save" zum Speichern des Dokuments Webseite.

6 Doppelklicken Sie auf die Webseite im Browser ausführen. Klicken Sie auf "Text der Schaltfläche ändern", um den Text auf die Schaltfläche ändern.