Mengatur Elemen Body Menggunakan Properti Body DOM HTML
- 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:Blog Elfan
Properti Body DOM
- Cara Penggunaan Method createComment() DOM pada HTML
- Cara Penggunaan Method createDocumentFragment() DOM pada HTML
- 4 Tahap Menciptakan Elemen Menggunakan Method createElement() DOM
- 16 Event Method Penggunaan createEvent DOM pada HTML
- Cara Penggunaan Method createTextNode() DOM pada HTML
- 2 Contoh Penggunaan Properti defaultView pada DOM HTML
- 2 Contoh Penggunan designMode DOM HTML
5 komentar untuk "Mengatur Elemen Body Menggunakan Properti Body DOM HTML"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
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