innerHTML-JavaScript | DOM-Eigenschaft

Die innerHTML-Eigenschaft wird in JavaScript-Sets verwendet oder gibt den HTML-Inhalt (inneres HTML) eines Elements zurück. Es kann verwendet werden, um das dynamische HTML in das HTML-Dokument zu schreiben.

Gib die innerHTML-Eigenschaft zurück:

HTMLElementObject.innerHTML

Legen Sie die innerHTML-Eigenschaft fest:

 HTMLElementObject.innerHTML = value

Um den HTML-Code in das Dokument einzufügen, anstatt den Inhalt eines Elements zu ersetzen, verwenden Sie die Methode insertAdjacentHTML() .

Beispiel für innerHTML-JavaScript

Einfacher Beispielcode Holen Sie sich den HTML-Inhalt eines

-Elements mit id=“myName“:

<!DOCTYPE html>
<html>
<body>

  <p id="myName">EyeHunts Tutorial</p>
  <button onclick="myFunction()">Get MSG</button>

  <script>
    function myFunction() {
      var x = document.getElementById("myName").innerHTML;
      alert(x)
    }
  </script>

</body>
</html>

Ausgabe :

Setzen Sie den HTML-Inhalt eines

-Elements mit id=“demo“:

<body>

  <p id="demo">EyeHunts Tutorial</p>
  <button onclick="myFunction()">Change</button>

  <script>
    function myFunction() {
     document.getElementById("demo").innerHTML = "Hello";
   }
 </script>

</body>

Kommentieren Sie, wenn Sie Zweifel oder Vorschläge zu diesem JS-HTML-Thema haben.

Hinweis: Die Alle JS-Beispielcodes werden im Firefox-Browser und im Chrome-Browser getestet.

Betriebssystem:Windows 10

Code:HTML 5-Version