HTML DOM innerHTML Properti
Contoh
Ubah konten HTML elemen <p> dengan id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti innerHTML menetapkan atau mengembalikan konten HTML (HTML dalam) dari suatu elemen.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti innerHTML:
HTMLElementObject.innerHTML
Setel properti innerHTML:
HTMLElementObject.innerHTML = text
Nilai properti
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Detail Teknis
Nilai Kembali: | Sebuah String, mewakili konten HTML dari suatu elemen |
---|
Lebih Banyak Contoh
Contoh
Dapatkan konten HTML dari elemen <p> dengan id="myP":
var x = document.getElementById("myP").innerHTML;
Contoh
Dapatkan konten HTML dari elemen <ul> dengan id="myList":
var x = document.getElementById("myList").innerHTML;
Contoh
Ubah konten HTML dari dua elemen:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Contoh
Beri tahu konten HTML elemen <p> dengan id="demo":
alert(document.getElementById("demo").innerHTML);
Contoh
Hapus konten HTML elemen <p> dengan id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Contoh
Ubah konten HTML, URL, dan target tautan:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
Objek Elemen