Ultimele tutoriale de dezvoltare web
 

HTML DOM innerHTML Propery

<Element Object

Exemplu

Modificarea conținutului HTML al unui <p> elementul cu id = "demo":

document.getElementById("demo").innerHTML = "Paragraph changed!";
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

Seturile de proprietate innerHTML sau returnează conținutul HTML (inner HTML) al unui element.

Suport pentru browser-

Proprietate
innerHTML da da da da da

Sintaxă

Întoarcere proprietatea innerHTML:

HTMLElementObject .innerHTML

Setați proprietatea innerHTML:

HTMLElementObject .innerHTML= Valori de proprietate
Valoare Descriere
text Specifică conținutul HTML al unui element

Detalii tehnice

Întoarcere Valoare: Un șir, reprezentând conținutul HTML al unui element
Exemple

Mai multe exemple

Exemplu

Ia conținutul HTML al unui <p> elementul cu id = "MYP":

var x = document.getElementById("myP").innerHTML;

Rezultatul x va fi:

I am a paragraph.
Încearcă - l singur »

Exemplu

Ia conținutul HTML al unui <ul> elementul cu id = "myList":

var x = document.getElementById("myList").innerHTML;

Rezultatul x va fi:

  • Coffee
  • Tea
Încearcă - l singur »

Exemplu

Modificarea conținutului HTML a două elemente:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Încearcă - l singur »

Exemplu

Alertați conținutul HTML al unui <p> elementul cu id = "demo":

alert(document.getElementById("demo").innerHTML);
Încearcă - l singur »

Exemplu

Ștergeți conținutul HTML al unui <p> elementul cu id = "demo":

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
Încearcă - l singur »

Exemplu

Modificarea conținutului HTML, URL-ul, și ținta unui link:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Încearcă - l singur »
<Element Object