Heim > Artikel > Web-Frontend > So verwenden Sie innerHTML in JavaScript
So verwenden Sie innerHTML in JavaScript
- 不言Original
- 2018-12-22 11:03:3637344Durchsuche
Mit dem innerHTML-Attribut können Sie den Inhalt des HTML-Elements ändern. Sie können den HTML-Code zwischen den Start- und End-Tags der Tabellenzeile festlegen innerHTML. Lassen Sie uns dies tun. Sehen Sie sich den spezifischen Inhalt an.
So schreiben Sie innerHTML
Für Element legen Sie den durch innerHTML angegebenen Elementnamen fest.
element.innerHTML;
Weisen Sie den HTML-Code des angegebenen Elements der Variablen zu
Indem wir wie folgt schreiben, weisen wir den HTML-Code des angegebenen Elements der Variablen sample1 zu
var sample1 = element.innerHTML;
Ersetzen Sie den Wert der Variablen durch das angegebene Element
Indem Sie wie folgt schreiben, können Sie den Inhalt der Variablen sample2 auf dem Elementelement anzeigen, nachdem Sie den Inhalt von gelöscht haben das Elementelement.
element.innerHTML = sample2;
Das angegebene Element löschen
Sie können den Inhalt des Elementelements löschen, indem Sie „“ angeben.
element.innerHTML = “”;
Sehen wir uns ein konkretes Beispiel für die Verwendung von innerHTML an
Der Grundcode lautet wie folgt
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="txt">
<div id="txt1">文字内容1 </div>
<span id="txt2">文字内容2 </span>
</div>
<p>---------------------</p>
<div id="innerHTMLtxt"></div>
</body>
</html>Die laufenden Ergebnisse sind wie folgt
Sehen wir uns die Ergebnisse der Verwendung des innerHTML-Attributs an
<script type="text/javascript"> innerHTMLtxt.innerHTML="php中文网！"; </script>
Die Ergebnisse sind wie folgt
Dann schauen wir uns den Code an, der innerHTML verwendet, um Elemente zu löschen
<script> txt.innerHTML=""; </script>
Die laufenden Ergebnisse sind wie folgt
Dieser Artikel endet hier. Weitere spannende Inhalte finden Sie in den relevanten Spalten der chinesischen PHP-Website! ! !
Das obige ist der detaillierte Inhalt vonSo verwenden Sie innerHTML in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!