<script type="text/javascript">
var el = document.getElementById("ck");
//标准浏览器有change事件;
el.onchange = function() {
l(el.value);
l(ck.checked)
}
//IE中的万能事件propertychange;
el.onpropertychange = function() {
l(el.value);
l(ck.checked)
}
l(el.value);
</script>
</body>
</html>
$.support.tbody属性
在IE6和IE7中新建table会自动创建tbody元素;
如果我们为创建的table添加tr或者添加td， 那么所有的浏览器都会自动创建tbody;
如果是动态创建的table和tr，把tr添加到tbody中，那么tbod根本不会出来， 所有浏览器都遵循开发者的操作(浏览器的心思真的不好猜测啊)
<html>
<head>
<meta charset="utf-8" />
<title>兼容</title>
</head>
<body>
<script type="text/javascript"> window.l = (function() {
var el = document.createElement("div"), index = 0;
el.style.cssText = "padding:10px;position:fixed;top:0;right:0;width:10%;border:1px solid #f00;";
return function(message) {
message = message.toString();
if( message ) {
var span = document.createElement("span");
span.innerHTML = (++index) + "信息:<br>"+ message+"<br>";
el.appendChild( span );
};
//IE低版本直接通过createElement创建的元素有parentNode;
if( !el.parentNode || (el.parentNode.toString() === "[object]") ) {
document.body.appendChild(el);
};
return l;
};
})();
</script>
<div id="tb"></div>
<div id="tb2"></div>
<div id="tb3"></div>
<script type="text/javascript">
var el = document.getElementById("tb");
el.innerHTML = "<table></table>"
//IE67中会输出1， 标准浏览器遵循用户输入，不会是自动生成tbody，所以tobdy的length是0
l(el.getElementsByTagName("tbody").length);
</script>
<script>
var el = document.getElementById("tb2");
el.innerHTML="<table><tr>111</tr></table>";
//无论是标准还是IE67都会自动生成tbody标签
l(el.getElementsByTagName("tbody").length);
</script>
<script>
var el = document.getElementById("tb3");
el.innerHTML="<table><td>111</td></table>";
//无论是标准还是IE67都会自动生成tbody标签
l(el.getElementsByTagName("tbody").length);
