DOM入門-動態創建元素

今日背誦小紙條

三種創建動態元素的方式

document.write( )

使用時，會覆蓋原有頁面內容

document.write(‘可顯示HTML標籤
內容
’);

element.innerHTML

元素方法調用，如：

box1.innerHTML = arr.join(‘ ');

document.createElement( )

創建HTML中的對應tagName元素，並可以同時設置其文字和屬性，如：

var p = document.createElement(‘p’);
document.body.appendChild( p );
p.innerText = ‘好天氣~’;
p.style.color = ‘pink’;

注：如果被插入節點存在於當前文檔樹中，則該節點會先從原先位置移除後再插入新節點中，如需保留節點，可調用Node.cloneNode方法