<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="ceshi.js"></script> </head>
<body>
<img src="aa.jpg" width="200" height="200"/>
<div class="">
<script type="text/javascript">
window.onload = function(){
var html = [];
for (var i = 0; i < yixuan_navs.length; i++) {
var item = yixuan_navs[i];
var child = item.children;
html.push("<div id='" + item.id + "'>" + item.name + "</div>");
html.push("<ul>"); for (var j = 0; j < child.length; j++) {
html.push("<li id='" + child[j].id + "'><a href='" + child[j].url + "'>" + child[j].name + "</a></li>");
} html.push("</ul>");
} document.write(html.join(""));
};
</script>
</div> </body>
</html>
是这个图片显不出来么? 你确定图片和这个在同一个目录下?
<head>
<meta charset="utf-8" />
</head>
<body
<img src="aa.jpg" alt=""/><br>
<div >
<script type="text/javascript">
var yixuan_navs = [ {
"id" : "19",
"name" : "\u90e8\u5c5e\u5355\u4f4d",
"code" : "6-4",
"children" : [{
"id" : "34",
"tid" : "19",
"lid" : "0",
"name" : "\u6cb3\u5317\u7701\u5de5\u4e1a\u548c\u4fe1\u606f\u5316\u5385",
"domain" : "ii.gov.cn",
"secdomain" : "",
"url" : "http:\/\/www.ii.gov.cn\/index.html"
}, {
"id" : "42",
"tid" : "19",
"lid" : "0",
"name" : "\u6e56\u5357\u7701\u5de5\u4e1a\u548c\u4fe1\u606f\u5316\u5385",
"domain" : "hainan.gov.cn",
"secdomain" : "",
"url" : "http:\/\/iitb.hainan.gov.cn\/hnsgxt\/"
}, {
"id" : "56",
"tid" : "19",
"lid" : "0",
"name" : "\u5409\u6797\u7701\u5de5\u4e1a\u548c\u4fe1\u606f\u5316\u5385",
"domain" : "gxt.jl.gov.cn",
"secdomain" : "",
"url" : "http:\/\/gxt.jl.gov.cn\/"
}]
}, {
"id" : "21",
"name" : "\u5171\u5efa\u9ad8\u6821",
"code" : "6-6",
"children" : []
}, {
"id" : "23",
"name" : "\u56fd\u9632\u79d1\u5de5\u529e",
"code" : "6-7",
"children" : [{
"id" : "39",
"tid" : "23",
"lid" : "0",
"name" : "\u6cb3\u5317\u7701\u56fd\u9632\u79d1\u5de5\u5c40",
"domain" : "hbjg.gov.cn",
"secdomain" : "",
"url" : "http:\/\/www.hbjg.gov.cn\/"
}, {
"id" : "53",
"tid" : "23",
"lid" : "0",
"name" : "\u6e56\u5357\u7701\u56fd\u9632\u79d1\u5b66\u6280\u672f\u5de5\u4e1a\u529e",
"domain" : "hngfkgb.gov.cn",
"secdomain" : "",
"url" : "http:\/\/www.hngfkgb.gov.cn\/"
}]
}]
window.onload = function() {
var html = [];
for (var i = 0; i < yixuan_navs.length; i++) {
var item = yixuan_navs[i];
var child = item.children;
html.push("<div id='" + item.id + "'>" + item.name + "</div>");
html.push("<ul>"); for (var j = 0; j < child.length; j++) {
html.push("<li id='" + child[j].id + "'><a href='" + child[j].url + "'>" + child[j].name + "</a></li>");
}
html.push("</ul>");
}
alert(html.join(""));
};
</script>
</div>
</body>
</html>
document.getElementById("img下面的id").innerHTML = html.join("");
document.write()不常用
}
document.getElementById("img").innerHTML = html.join("");
};
</script>
是这样写的吗,刚才试了试,不行啊
我的意思是img下面的div的id
<body
<img src="aa.jpg" alt=""/><br>
<div >
这儿,给img下的div标签起个id名
例如
<body
<img src="aa.jpg" alt=""/><br>
<div id="divId">js是
document.getElementById("divId").innerHTML = html.join("");
document.body.getElementsByTagName("div")[0].innerHTML = html.join("");