Ändern Sie den Text in innerHTML
Jedes HTML-Element verfügt über das InnerHtml-Attribut, das den HTML-Code und den Text definiert, der zwischen den öffnenden und schließenden Tags des Elements steht. Indem Sie das innerHTML eines Elements nach einer Benutzerinteraktion ändern, können Sie Ihre Webseite interaktiver gestalten.
Die Verwendung von innerHTML erfordert jedoch einige Vorbereitungen, wenn Sie die Vorteile einfach und zuverlässig nutzen möchten. Zunächst müssen Sie den Personalausweis angeben, den Sie ändern möchten. Wenn die Kennung vorhanden ist, können Sie die Funktion getElementById verwenden, die in allen Browsern funktioniert.
Nachdem Sie über die Festlegung der Elemente nachgedacht haben, können Sie nun den Text bearbeiten. Versuchen wir zunächst, den Text in eine fette Markierung zu ändern.
Werfen wir einen Blick auf die Verwendung von js innerHTML zum Ändern des div-Werts.
<script type="text/javascript"> function changeText(){ document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'; } </script> <p>Welcome to the site <b id='boldStuff'>dude</b> </p> <input type='button' onclick='changeText()' value='Change Text'/>
Weitere Artikel zum Thema js innerHTML zum Ändern des div-Inhalts finden Sie auf der chinesischen PHP-Website!