tutorial pengembangan web terbaru
 

HTML DOM innerHTML Propery

<Elemen Object

Contoh

Mengubah isi HTML dari <p> elemen dengan id = "demo":

document.getElementById("demo").innerHTML = "Paragraph changed!";
Cobalah sendiri "

Lebih "Try it Yourself" contoh di bawah ini.


Definisi dan Penggunaan

InnerHTML set properti atau mengembalikan konten HTML (inner HTML) dari elemen.


Dukungan Browser

Milik
innerHTML iya nih iya nih iya nih iya nih iya nih

Sintaksis

Kembali properti innerHTML:

HTMLElementObject .innerHTML

Mengatur properti innerHTML:

HTMLElementObject .innerHTML= Nilai properti
Nilai Deskripsi
text Menentukan konten HTML dari elemen

Rincian teknis

Kembali Nilai: Sebuah String, yang mewakili konten HTML dari elemen

contoh

Contoh lebih

Contoh

Dapatkan konten HTML dari <p> elemen dengan id = "MYP":

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

Hasil x akan:

I am a paragraph.
Cobalah sendiri "

Contoh

Dapatkan konten HTML dari <ul> elemen dengan id = "myList":

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

Hasil x akan:

  • Coffee
  • Tea
Cobalah sendiri "

Contoh

Mengubah isi HTML dari dua elemen:

document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Cobalah sendiri "

Contoh

Waspada konten HTML dari <p> elemen dengan id = "demo":

alert(document.getElementById("demo").innerHTML);
Cobalah sendiri "

Contoh

Hapus konten HTML dari <p> elemen dengan id = "demo":

document.getElementById("demo").innerHTML = "";  // Replaces the content of <p> with an empty string
Cobalah sendiri "

Contoh

Mengubah isi HTML, URL, dan target link:

document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Cobalah sendiri "

<Elemen Object