logo

innerHTML JavaScript | Vlastnost DOM

Vlastnost innerHTML se používá v JavaScriptu nastavuje nebo vrací obsah HTML (vnitřní HTML) prvku. Lze jej použít k zápisu dynamického HTML do html dokumentu.

Vraťte vlastnost innerHTML: 

HTMLElementObject.innerHTML

Nastavte vlastnost innerHTML:

 HTMLElementObject.innerHTML = value

Chcete-li vložit HTML do dokumentu namísto nahrazení obsahu prvku, použijte metodu insertAdjacentHTML() .

Příklad innerHTML JavaScript

Jednoduchý příklad kódu Získejte obsah HTML prvku

s 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>

Výstup :

Nastavte obsah HTML prvku

s id=”demo”:

<body>

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

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

</body>

Napište komentář, pokud máte nějaké pochybnosti nebo návrhy k tomuto tématu JS HTML.

Poznámka: Všechny kódy příkladů JS jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze