[javascript] appendChild與removeChild使用方法

增加子節點(appendChild)範例：

//取得父節點，一般都是含id而且已經建立好的物件
var c = document.getElementById('toycar');
//產生子節點物件，可以是table、div、span........
var k = document.createElement('div');
//將文字或html加到子節點物件中
k.innerHTML = 'toykey;
//設定物件屬性，若不需要可略過
k.style.width = '10px';
...............
............
....................
//將子節點物件加到父節點
c.appendChild(k);

移除子節點(removeChild)範例：

var c = document.getElementById('toycar');
//檢查是否有子節點
if (c.hasChildNodes()){
    //移除全部子節點物件
    while (c.childNodes.length >= 1){
        //直接對第一個(最上面的)子節點移除
        c.removeChild(c.firstChild);
    }
}