关于JavaScript的parentNode的一个问题

Question

先贴代码 1 <form action="main.html" name="frm"> 2 <input type="button" onclick="javascript:console.log(this);console.log(this.parentNode);this.parentNode.style.background='red'" value="提交" /> 3 </form> 在谷歌和FF下都是正常的，表单背景颜色变红色了，但是在ie下this.parentNode成了body对象，为什么ie会这么牛，跳过form直取body！

Answer 1

在IE下，认为<form>是数据标签，不属于渲染标签。

Answer 2

我只能说，与其花这个时间，不与用jquery

Answer 3

你错了，与其花时间在这个，不如用document.forms[]

Answer 4

浏览器的内核引擎不一样  所以解析html 和js的时候 有差别很正常 如果要解决

加浏览器判断 单独对ie 处理

Answer 5

想要兼容的最简单办法用jQuery啊， 按照你的方法传值，function getParent(obj){$(this).parent();}搞定

input绑定click事件="getParent(this)"

Answer 6

敲错了，$(this).parent() 应该是 $(obj).parent()

Answer 7

客户端处理，还是一起Jquery吧