javaScript DOM節點樹
1.
例如：
<html>
<head>
<title>節點樹<title/>
<head/>
<body>
<p>學生信息<p/>
<ul id ="ul1">
<li>姓名<li/>
<li id="sex">性別<li/>
<li>年齡<li/>
<ul/>
<body/>
<html/>
html的子節點是body和head而body和head它們倆是兄弟節點，父節點是html。head的子節點是title。
2.訪問指定元素(方法)
getElementById();註：獲得指定id的元素,返回的是一個對象。getElementsByName();註：獲得指定名稱的元素,返回的是一個集合。getEilementsByTagName() ;註：獲得指定標簽的元素,返回的是一個集合。getElementsByClassName();註：獲得指定Class的元素,返回的是一個集合。
例如：
獲得id為sex的li標記：
var v = document.getElementById("sex");
獲得所有的li標記
var v = document.getEliementsByTagName("li");
3.訪問指定元素(屬性)
parentNode;註：獲得元素的父標記，返回一個對象，因為每個標記只有一個父標記。chidNodes;註：獲得指定元素的子標記，空格也屬於子標記，返回的是一個集合。firstChild;註：獲得第一個子節點，返回的是一個對象。lastchild;註：獲得最後一個子節點，返回一個對象。previousSibling;註：獲得前一個兄弟節點，返回一個對象。nextSibling;註：獲得後一個兄弟節點，返回一個對象。
例如：
獲得li的父標記ul
var v = document.getElementById("sex").parentNode;
獲得ul的子標記li
var v = document.getElementById("ul1").childNodes;
javaScript DOM節點樹