你的分享就是我们的动力 ---﹥

ie兼容性有关问题

ie兼容性问题
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>物业水电管理</title>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<link href="css/tree.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="JavaScript" charset="UTF-8"> 
window.onload = function() {
    var tree = document.getElementById("tree");
    var lis = tree.getElementsByTagName("li");
    for(var i = 0; i < lis.length; i++) {
        (function(a) {
          if(a.parentElement.id!='tree')return;
          a.onclick = function(e) {if(e.target != a)return;
                    var ul_first =a.getElementsByTagName('ul')[0];
                     if(ul_first.style.display == "none"){
                        ul_first.style.display = "block";
                    }else{
                        ul_first.style.display = "none";
                        }
                };
            })(lis[i]);
        }
};
</script>
</head>
这个我jsp页面里做的树形结构的菜单的js,在ie10里面可以正常使用,在10以下的版本里就不行了,总是提示target对象为空
而且iframe里面的jsp也不能正常加载
<div id="header">
   <iframe name="head" scrolling="auto" width="100%" height="100%" frameborder="0" src="head.jsp"></iframe>
  </div>
ie的兼容性问题该怎么解决?麻烦大神指点一下,我是新手,请尽量直白一点
------解决思路----------------------
jquery...
或者不想用jquery什么的话ie也有标签可以判断是ie几的
http://blog.sina.com.cn/s/blog_67bb1d920101e7af.html
这里面写js也有效果的我记得
还有就是通过判断
http://www.monmonkey.com/javascript/liulanqi2.html
------解决思路----------------------
根据不同版本用不同的代码吧
好像一般都是这样
jquery的话就是他自己判断了不用我们管
------解决思路----------------------
ie6可以用ulli的啊..不行么?