JavascriptをHTMLDOMのappendChild結果8

Question

私は次のコード

function byId(id) { 
    return document.getElementById(id); 
} 
function addElm(root,elm) { 
    document.createElement(elm); 
    if(!root) { 
     root = document; 
    } 
    root.appendChild(elm); 
    return elm; 
} 
document.addEventListener('DOMContentLoaded',function() { 
    var elm = byId('myExistingElmId'); 
    addElm(elm,'span'); 
},false); 

を書かれているID "myExistingElmId" を有する要素には、私の文書にあります。 ライン

root.appendChild(elm); 

はコンソール

Uncaught error: NOT_FOUND_ERR: DOM Exception 8 

で私に次のエラーを与えているのはなぜこの出来事ですか..？

Answer 1

あなたaddElm機能が間違っている - あなたはdocument.createElementの結果を破棄しています。

それは次のようになります。

function addElm(root, type) { 
    var elm = document.createElement(type); 
    if(!root) { 
     root = document.body; 
    } 
    root.appendChild(elm); 
    return elm; 
} 

http://jsfiddle.net/alnitak/wAuvJ/

を参照してください[@Ethanはそれがdocument.bodyでなければならないことも正しいですが、それはあなたがいることを行使していなかったとして、あなたが見ていた実際のエラーに付随ですコードパス]

Answer 2

documentはDOM要素ではありません。document.bodyです。そして、@Alnitakが言ったように、あなたはdocument.createElementの結果を失った。このコードは、作業する必要があります：

function addElm(root,elm) { 
    var elm = document.createElement(elm); 
    if(!root) { 
     root = document.body; 
    } 
    root.appendChild(elm); 
    return elm; 
}