Mendapatkan Konten HTML Menggunakan innerHTML DOM
 |
| Ilustrasi innerHTML DOM |
- Berfungsi untuk mengembalikan properti innerHTML: Object.innerHTML
- Berfungsi untuk mengatur properti innerHTML: Object.innerHTML = value
Value: merepresentasikan konten teks dari elemen HTML.
Contoh: memperlihatkan bagaimana cara mengubah konten dari tag paragraph menggunakan properti innerHTML.
<!DOCTYPE html>
<html>
<body style="text-align: center">
<h1 style="color:green">
Blog Elfan
</h1>
<h2>
Properti innerHTML DOM
</h2>
<p id="p">
Portal Ilmu Komputer
</p>
<button
onclick="bon()">
Click me!
</button>
<script>
function bon()
{
document.getElementById("p").innerHTML
="Blog tentang ilmu"
+" pemrograman.";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti innerHTML DOM
Portal Ilmu Komputer
<!DOCTYPE html>
<html>
<body style="text-align: center">
<h1 style="color:green">
Blog Elfan
</h1>
<h2>
Properti innerHTML DOM
</h2>
<p id="P">
Portal ilmu komputer.
</p>
<button onclick="Bons()">
Try it
</button>
<p id="p"></p>
<script>
function Bons()
{
var x = document.getElementById("P").innerHTML;
document.getElementById("p").innerHTML = x;
document.getElementById("p").style.color = "green";
}
</script>
</body>
</html>
Output:Blog Elfan
Properti innerHTML DOM
Portal ilmu komputer.
- 2 Parameter Method insertBefore() DOM pada HTML [klik]
- 2 Nilai Properti isContentEditable DOM pada HTML [klik]
- Cara Penggunaan Method isDefaultNamespace() DOM pada HTML [klik]
- Cara Penggunaan Method isEqualNode() DOM pada HTML [klik]
- 2 Nilai Parameter pada Method isSameNode() DOM pada HTML [klik]
- Cara Penggunaan Method isSupported() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Lang DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti innerHTML DOM?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti innerHTML DOM:
Hapus1. Google Chrome 1.0
2. Internet Explorer 5.5
3. Microsoft Edge 12.0
4. Firefox 45.0
5. Opera 9.6
6. Safari 3.0
Apa yang dimaksud dengan properti innerHTML DOM?
BalasHapusProperti InnerHTML digunakan untuk mendapatkan atau menetapkan markup HTML atau XML yang terkandung di dalam suatu elemen, dengan cara menyisipkan kode HTML ke dalam dokumen ketimbang mengganti konten elemen.
HapusinnerHTML merupakan properti dari elemen yang memungkinkan user untuk mendapatkan atau mengatur markup HTML yang terkandung dalam suatu elemen.
Hapus