if(!document.getElementsByTageName) return false
if(!document.getElementById) return false
if (!document.getElementById ("imagegallery")) return false
var gallery=document.getElementById("imagegallery")
var links=gallery.getElementsByTagName("a")
for(var i=0i<links.lengthi++){
links[i].onclick=function(){
return showPic(this)? false:true
}
}
}
if(typeof(document.addEventListener) != "undefined"){
window.addEventListener("load",function(){prepareGallery()},false)
}else{
window.attachEvent("onload",function(){prepareGallery()},false)
}
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>ECharts</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
</head>
<body>
<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 600pxheight:400px"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'))
//替换GALERY中代码
</script>
</body>
</html>
将GALERY中代码替换到上述内容中应该就可以运行了
在指定的div内使用getElementsByTagName获取元素的主要代码为：
getElementById(div_id).getElementsByTagName(tag_name)示例如下：
1、HTML结构
<div id="test">id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>
</div>
<div id="test1">
id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>
</div>
<input type='button' value='获取id为test的div下的span' onClick="fun()"/>
2、javascript代码
function fun(){obj = document.getElementById("test").getElementsByTagName("span")
str= []
for(i=0i<obj.lengthi++){
str.push(obj[i].innerHTML)
}
alert(str)
}
3、效果演示
