DOM向HTML中添加元素Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'問題

問題：Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'

原因：appendChild的參數為node節點，導致這樣的問題說明當前的參數不是node，有可能是字符串。

例如：

這時dom是字符串

解決方法：

var dom=document.createElement('p');
dom.className='book';
dom.innerHTML='hello world';
document.body.appendChild(dom);

此時dom為node。

 

如果添加的元素是字符串，使用document.createTextNode()創建節點。

var dom=document.createTextNode('hello world');

 在HTML中的效果：