做了一个js上传图片排序的一段代码，为什么实现不了呢 5
<p><imgsrc="2.png"title="1445515719977596.png"alt="2.png"/><imgsrc="1.png"title="1445...
<p>
<img src="2.png" title="1445515719977596.png" alt="2.png"/>
<img src="1.png" title="1445515714107880.png" alt="1.png" width="401" height="393" style="width: 401px; height: 393px;"/>
<img src="9.png" title="1445515719505537.png" alt="9.png"/>
<img src="8.png" title="1445515723952852.png" alt="8.png"/>
<img src="7.png" title="1445515720129357.png" alt="7.png"/>
<img src="6.png" title="1445515718566943.png" alt="6.png"/>
<img src="5.png" title="1445515727420119.png" alt="5.png"/>
<img src="4.png" title="1445515731853320.png" alt="4.png"/>
<img src="3.png" title="1445515730301652.png" alt="3.png"/>
</p>
<script>
var imgs=document.getElementsByTagName("img");
var srcnum=new array(imgs.length);
for(var j=1; j<imgs.length; j++){
for(var i=0; i<imgs.length-1; i++){
var altnum=imgs[i].alt.substr(0,1);
if(altnum==j){
var srcnum[i]=imgs[i].src
}
}
}
for(var a=0; a<imgs.length; a++){
imgs[a].src=srcnum[a];
} 展开
<img src="2.png" title="1445515719977596.png" alt="2.png"/>
<img src="1.png" title="1445515714107880.png" alt="1.png" width="401" height="393" style="width: 401px; height: 393px;"/>
<img src="9.png" title="1445515719505537.png" alt="9.png"/>
<img src="8.png" title="1445515723952852.png" alt="8.png"/>
<img src="7.png" title="1445515720129357.png" alt="7.png"/>
<img src="6.png" title="1445515718566943.png" alt="6.png"/>
<img src="5.png" title="1445515727420119.png" alt="5.png"/>
<img src="4.png" title="1445515731853320.png" alt="4.png"/>
<img src="3.png" title="1445515730301652.png" alt="3.png"/>
</p>
<script>
var imgs=document.getElementsByTagName("img");
var srcnum=new array(imgs.length);
for(var j=1; j<imgs.length; j++){
for(var i=0; i<imgs.length-1; i++){
var altnum=imgs[i].alt.substr(0,1);
if(altnum==j){
var srcnum[i]=imgs[i].src
}
}
}
for(var a=0; a<imgs.length; a++){
imgs[a].src=srcnum[a];
} 展开
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
RunJS 演示代码
</title>
<script>
onload = function(){
var imgs=document.getElementsByTagName("img");
var arr = [];
for(var i = 0; i < imgs.length; i++){
arr.push(imgs[i]);
}
arr.sort(function(a,b){
var a1 = a.alt.substring(0,1);
var b1 = b.alt.substring(0,1);
if(a1>b1) return 1;
else if(a1<b1) return -1;
else return 0;
});
for(var i = 0; i < arr.length; i++){
document.body.appendChild(arr[i]);
}
}
</script>
</head>
<body>
<p>
<img src="2.png" title="1445515719977596.png" alt="2.png"/>
<img src="1.png" title="1445515714107880.png" alt="1.png" width="401" height="393" style="width: 401px; height: 393px;"/>
<img src="9.png" title="1445515719505537.png" alt="9.png"/>
<img src="8.png" title="1445515723952852.png" alt="8.png"/>
<img src="7.png" title="1445515720129357.png" alt="7.png"/>
<img src="6.png" title="1445515718566943.png" alt="6.png"/>
<img src="5.png" title="1445515727420119.png" alt="5.png"/>
<img src="4.png" title="1445515731853320.png" alt="4.png"/>
<img src="3.png" title="1445515730301652.png" alt="3.png"/>
</p>
</body>
</html>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
