最近 javascript 練到 dom 操作。
記得最早看到的是先做 text node ,
再把 text node 加到父節點下。
然後 text node 的內容是用 .nodeValue 存取。
var t = document.createTextNode('hello world! ');
// t.nodeValue == "hello world! "
var h = document.createElement('h1');
h.appendChild(t);
但後來又看到 textContent 屬性。
好像可以不做 text node ,
直接加到父節點上就好了。
var h = document.createElement('h1');
h.textContent = 'hello world! ';
查了一下差別,
好像是 nodeValue 是很早期的東西,
是 DOM level 1 。
textContent 是 DOM level 3 。
最扯的 innerHTML 就不提了。
在實用上這兩者有什麼差嗎?
用 textContent 可以省一些代碼量,
也看得比較清楚。
用 createTextNode 好累……。
=====
補問一下,
createElement 要用大寫嗎?
網路上很多範例都用大寫。
HTML 好像早期習慣元素用大寫……,
結果現在 html5 都小寫。