DOM物件object:標籤節點與元素內容
-以ul-li 標籤為例

(1).項目清單的結構：ul-li

• 學號001

• 學號002

程式碼：
<ul>
<li> <h3 align="left"> 學號001</h3> </li>
<li> <h3 align="left">學號002</h3> </li>
</ul>

(2).新增一筆li項目到ul尾端，的DOM寫法： ul01=document.getElementById("ul的id");
li01=document.createElement("li");
li01.innerHTML="顯示的文字";
ul01.appendChild(li01);

(3).新增一筆li項目到ul的第3行，DOM寫法： ul01=document.getElementById("ul的id");
li01=document.createElement("li");
li01.innerHTML="顯示的文字";
ul01.insertBefore(li01,ul01.childNodes[3]);

(4).刪除ul的第3行，DOM寫法： ul01=document.getElementById("ul的id");
ul01.removeChild(ul01.childNodes[3]);

(5).修改ul第3行的內容，DOM寫法： ul01=document.getElementById("ul的id");
li01=document.createElement("li");
li01.innerHTML="顯示的文字";
ul01.replaceChild(li01,ul01.childNodes[3]);

(6).注意：要定位第幾個li編號，有的時後會出現錯誤
(A).若是li由textbox輸入，一個一個慢慢新增，那麼編號，正確
(B).若是li已經事先有幾個了，那麼編號，會不正確