Properti firstChild DOM HTML dan Fungsinya
 |
| Ilustrasi firstChild DOM HTML |
node.firstChild
Catatan: spasi kosong pada elemen parent dipertimbangkan sebagai teks, dan teks dipertimbangkan sebagai sebuah node.
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
color: green;}
</style>
</head>
<body style="margin-left:140px;">
<h1>
Blog Elfan
</h1>
<h2>
Properti firstChild DOM
</h2>
<p>
Daftar algoritma
pengurutan::
</p>
<ul id="MKN">
<li>Merge Sort</li>
<li>Quick Sort</li>
<li>Selection Sort</li>
<li>Bubble Sort</li>
</ul>
<button
onclick="Bons()">
Submit
</button>
<p id="sudo"></p>
<script>
function Bons()
{
var x =
document.getElementById("MKN").firstChild.innerHTML;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
Blog Elfan
Properti firstChild DOM
Daftar algoritmapengurutan::
- Merge Sort
- Quick Sort
- Selection Sort
- Bubble Sort
Contoh: mendapatkan node name dari first child.
<!DOCTYPE html>
<html>
<head>
<style>
h1
{
color: green;}
#MKN
{
font-size: 20px;}
</style>
</head>
<body style="margin-left:140px;">
<h1>
Blog Elfan
</h1>
<h2>
Properti firstChild DOM
</h2>
<div id="MKN">
<p>Node Pertama</p>
<span>Node Kedua</span>
<p>NodeKetiga</p>
</div>
<br>
<button
onclick="Bons()">
Submit
</button>
<p
id="sudo"
style="font-size:25PX;">
</p>
<script>
function Bons()
{
var x =
document.getElementById("MKN").firstChild.nodeName;
document.getElementById("sudo").innerHTML =
"node name dari node child " +"pertama dari sebuah"
+" elemen <div>:"
+x;
}
</script>
</body>
</html>
Blog Elfan
Properti firstChild DOM
Node Pertama
Node KeduaNodeKetiga
- 8 Properti Penggunaan Method getBoundingClientRect() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method hasAttributes() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti ID DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti innerHTML DOM [klik]
- 2 Contoh Penggunaan Properti innerText DOM pada HTML [klik]
- 4 Posisi Legal Method insertAdjacentElement() DOM pada HTML [klik]
- 2 Contoh Penggunaan Method insertAdjacentHTML DOM pada HTML [klik]
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan firstChild DOM pada HTML?
BalasHapusBerikut adalah jenis browser yang dapat digunakan untuk mengaktifkan properti firstChild DOM pada HTML:
Hapus1. Google Chrome 1.0
2. Internet Explorer 4.0
3. Firefox 1.0
4. Opera 3.5
5. Safari 1.0
Apa yang dimaksud dengan properti firstChild DOM pada HTML?
BalasHapusProperti firstChild DOM HTML berfungsi untuk mengembalikan node child pertama atau firstchild dari sebuah node awal dalam bentuk object node.
HapusProperti firstChild merupakan properti yang bersifat read-only dari interface node yang mengembalikan child pertama dari suatu tree, atau jika bernilai null maka node tidak akan mengembalikan nilai child apapun (mandul). Jika node adalah sebuah Document, maka properti firstChild akan mengembalikan node pertama dalam bentuk daftar turunan langsungya.
Hapus