js innerHTML-Methode zum Ändern des Div-Inhalts

高洛峰
Freigeben: 2017-02-13 14:10:30
Original
1914 Leute haben es durchsucht

Ä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(&#39;boldStuff&#39;).innerHTML = &#39;Fred Flinstone&#39;;
}
</script>
<p>Welcome to the site <b id=&#39;boldStuff&#39;>dude</b> </p>
<input type=&#39;button&#39; onclick=&#39;changeText()&#39; value=&#39;Change Text&#39;/>
Nach dem Login kopieren

Weitere Artikel zum Thema js innerHTML zum Ändern des div-Inhalts finden Sie auf der chinesischen PHP-Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!