js动态删除元素出错

var i = document.getElementById("div");
document.body.removeChild(i);在试图删除莫个div的时候chrome 游览器下提示 Error: NOT_FOUND_ERR: DOM Exception 8

图挂了。
你的DIV直接在BODY里面？
大概是你的parent没对吧，可以这样用<html>
<head>
    <title>Test</title>
</head>
<body>
    <div id="div">112331</div>
    <script>
var i = document.getElementById("div");
//document.body.removeChild(i);
i.parentNode.removeChild(i);
    </script>
</body>
</html>
<html>
<head>
    <title>Test</title>
     <script type="text/javascript">

     function aaa(){
    var i = document.getElementById("div");
    if(i){
    i.parentNode.removeChild(i);
    }
     }
    </script>
</head>
<body>
    <div id="div">I am a Div</div>
    <input type="button" onclick="aaa()" value="点我删除div">
</body>
</html>
removeChild顾名思义:"移除孩子"，你要确定你要移除的div是不是document.body的孩子，而不是孙子，或者孙子的孩子的孙子，否则你就不能用document.body.removeChild
而上面那位仁兄的代码的意思是i.parentNode.removeChild(i);即i的父亲把i移除掉，所以可以。
就是你的div的父节点不是document.body,比如这样
<div id="aaa">
<div id="div></div>
</div>
<div id="aaa">
<div id="div"></div>
</div>