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