2 Contoh Penggunaan Properti Body DOM pada HTML
Sintak:
- Digunakan untuk mengembalikan properti body: document.body
- Digunakan untuk pengatur properti body: document.body = Content
Return Value: merupakan sebuah referensi menuju ke object body, yang merepresentasikan elemen <body> html.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti body DOM
</title>
<style>
body
{
text-align:center;}
h1
{
color:green;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Body DOM
</h2>
<button onclick="bons()">
Submit
</button>
<p id = "mkn"></p>
<script>
function bons()
{
var x = document.body.innerHTML;
document.getElementById("mkn").innerHTML =
"Tampilan body konten:<br>" + x;
}
</script>
</body>
</html>
Output:Blog Elfan
Properti Body DOM
<!DOCTYPE html>
<html>
<head>
<title>
Properti Body DOM
</title>
<style>
h1
{
color:green;}
body
{
text-align:center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti Body DOM
</h2>
<button onclick="bons()">
Submit
</button>
<script>
function bons()
{
document.body.innerHTML = "<h1>"
+ "blog tik"
+ "</h1>"
+ "<br>"
+ "<h2>"
+ "New Content Added"
+ "</h2>";
}
</script>
</body>
</html>
Output:.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
Apa fungsi property dom pada html?
BalasHapusProperti body pada dom html digunakan untuk mengatur atau mengembalikan isi dari dokumen html. Ketika sudah kembali, properti ini akan mengembalikan elemen < body > dari dokumen saat ini.
HapusProperti body pada dom html yang berkaitan dengan elemen html digunakan untuk menetapkan atau mengembalikan nilai dari properti elemen.
HapusJenis browser apa saja yang dapat digunakan atau dapat menjadi pendukung dari penggunaan property body pada dom html?
BalasHapusBerikut adalah beberapa browser yang dapat digunakan untuk mengaktifkan properti body pada dom html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari