HTML DOM Element firstChild 属性
实例
例子 1
返回
document.getElementById("myList").firstChild.innerHTML;
tashi ne
例子 2
获取
let text = document.getElementById("mySelect").firstChild.text;
tashi ne
例子 3
此例演示空格的干扰。
尝试获取 "myDIV" 的第一个子节点的节点名:
<div id="myDIV">
Looks like first child
Looks like last Child
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>
tashi ne
例子 4
但是,如果您从源中删除空格,则 "myDIV" 中没有 #text 节点:
<div id="myDIV"><p>First child</p><p>Last Child</p></div>
<script>
let text = document.getElementById("myDIV").firstChild.nodeName;
</script>
tashi ne
HTML node da element
in HTML DOM(document object model)ka, HTML document ne kowa na node da ke da (tai ko ba da) kowa na baya.
nodene element node, text node da comment node.
elementkowa na baya dake text node ne.
element ne element node.
kowa na baya da kowa na baya
childNodes tashin girmi nekowa na baya(element node, text node da comment node)。
children tashin girmi nekowa na baya(kowa na text da kowa na comment node ba a tashi aqwalan)。
firstChild da firstElementChild
firstChild tashin farkokowa na baya(element node, text node ko comment node)。Kowa na baya dake kowa na baya ne text node.
firstElementChild tashin farkokowa na baya(kowa na text node da kowa na comment node ba a tashi aqwalan)。
lastChild da lastElementChild
lastChild tashin farkokowa na baya(element node, text node ko comment node)。Kowa na baya dake kowa na baya ne text node.
lastElementChild tashin farkokowa na baya(kowa na text node da kowa na comment node ba a tashi aqwalan)。
browser tawurin
element.firstChild
dom Level 1 (1998) tukurin.
duniya daki kowacce kowacce tashin girmi ne tashin girmi:
Chrome |
IE |
Edge |
Firefox |
Safari |
Opera |
Chrome |
IE |
Edge |
Firefox |
Safari |
Opera |
tawurin |
9-11 |
tawurin |
tawurin |
tawurin |
tawurin |