Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie innerHTML in JavaScript

不言
Freigeben: 2018-12-26 16:12:05
Original
37435 Leute haben es durchsucht

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 verwenden Sie innerHTML in So verwenden Sie innerHTML in So verwenden Sie innerHTML in JavaScript

So schreiben Sie innerHTML

Für Element legen Sie den durch innerHTML angegebenen Elementnamen fest.

element.innerHTML;
Nach dem Login kopieren

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;
Nach dem Login kopieren

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;
Nach dem Login kopieren

Das angegebene Element löschen

Sie können den Inhalt des Elementelements löschen, indem Sie „“ angeben.

element.innerHTML = “”;
Nach dem Login kopieren

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>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt

So verwenden Sie innerHTML in So verwenden Sie innerHTML in So verwenden Sie innerHTML in JavaScript

Sehen wir uns die Ergebnisse der Verwendung des innerHTML-Attributs an

<script type="text/javascript">
		innerHTMLtxt.innerHTML="php中文网!";
	</script>
Nach dem Login kopieren


Die Ergebnisse sind wie folgt

So verwenden Sie innerHTML in So verwenden Sie innerHTML in So verwenden Sie innerHTML in JavaScript

Dann schauen wir uns den Code an, der innerHTML verwendet, um Elemente zu löschen

<script>
  txt.innerHTML="";
</script>
Nach dem Login kopieren

Die laufenden Ergebnisse sind wie folgt

So verwenden Sie innerHTML in JavaScript

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!

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