IE 兼容模式下Jquery 出现appendChild 意外地调用了方法或属性访问。

IE 兼容模式下 appendChild  意外地调用了方法或属性访问。

原因：在ie8以下的浏览器里，操作一个DOM的非法属性时会出现
例如：
1、操作了一个DOM不该有的属性<input type="text" id="test">
如果要改变这个dom的值应该是修改它的value属性
$('#test').val('hello');
但是如果写成了
$('#test').html('hello');
在ie8以上的浏览器也OK，给你识别纠正了，但是在ie8以下就不行了。
2、标签的闭合上也就是我出错的地方
<input type="text" id="test"></input>
<p>hello</p>
由于编辑器的自动补全，往往会忽略一些细节上的错误例如为input自动加了闭合标签，
如果只操作这个dom的值无影响，但是如果操作下个同级元素就会报错了例如
$('#test').next().html('hello');
当debug到test的下一级标签时，便会发现这个dom的nodeName是input而不是p，input操作html属性是不合法的，
因此就报错啦。
解决方法就是把input的闭合标签干掉。
我碰到的就是第一种情况
原文地址：http://m.blog.csdn.net/article/details?id=51337356