getElementById怎样获取相同id

Question

function getByClass(oParent, sClass)
{
var aEle=oParent.getElementsByTagName('*');
var aResult=[];
var i=0;

for(i=0;i<aEle.length;i++)
{
if(aEle[i].className==sClass)
{
aResult.push(aEle[i]);
}
}

return aResult;
}window.onload=function ()
{
var oDiv=document.getElementById('div1');
var aLi=getByClass(oDiv, 'miaov_box_head')[0].getElementsByTagName('li');
var aBtn=getByClass(oDiv, 'miaov_box_foot')[0].getElementsByTagName('a');
var oCaret=getByClass(oDiv, 'caret')[0];
var aPos=[];
var timer=null;
var i=0;

for(i=0;i<aLi.length;i++)
{
aLi[i].index=i;
aPos[i]=aLi[i].offsetLeft;
}

for(i=0;i<aLi.length;i++)
{
aLi[i].style.position='absolute';
aLi[i].style.left=aPos[i]+'px';
}

aBtn[0].onclick=function ()
{
var i=aLi.length-1;

clearTimeout(timer);

function next()
{
var obj=aLi[i];
if(i>=aLi.length/2)
{
miaovStartMove(aLi[i], {left: 900}, MIAOV_MOVE_TYPE.FLEX);
timer=setTimeout(next, 100);
i--;
}
else
{
timer=setTimeout(next2, 150);
}
}

function next2()
{
if(i>=0)
{
miaovStartMove(aLi[i], {left: aPos[i]}, MIAOV_MOVE_TYPE.FLEX);
timer=setTimeout(next2, 100);
}
i--;
}

next();

aBtn[1].className='';
this.className='show';
miaovStartMove(oCaret, {left: this.offsetLeft+this.offsetWidth/2}, MIAOV_MOVE_TYPE.BUFFER);
};

aBtn[1].onclick=function ()
{
var i=0;

clearTimeout(timer);

function next()
{
var obj=aLi[i];
if(i<aLi.length/2)
{
miaovStartMove(aLi[i], {left: -200}, MIAOV_MOVE_TYPE.FLEX);
timer=setTimeout(next, 100);
i++;
}
else if(i==aLi.length/2)
{
timer=setTimeout(next2, 150);
}
}

function next2()
{
if(i<aLi.length)
{
miaovStartMove(aLi[i], {left: aPos[i-aLi.length/2]}, MIAOV_MOVE_TYPE.FLEX);
timer=setTimeout(next2, 100);
}
i++;
}

next();

aBtn[0].className='';
this.className='show';
miaovStartMove(oCaret, {left: this.offsetLeft+this.offsetWidth/2}, MIAOV_MOVE_TYPE.BUFFER);
};
};为什么只能运行一个div1

Answer 1

id本来就是只能控制一个！
尝试用getElementsByTagName("")

Answer 2

好吧，你这什么也没有！！！
实在不行，自己写个根据id搜寻多个node的function！！！

Answer 3

      <div id="div1" class="page">
        <div class="miaov_box">
          <div style="width:100%; height:5px; overflow:hidden;"></div>
          <ul class="miaov_box_head">
            <li><a href="http://js.alixixi.com"><img src="logo/01.png" alt=""/>蓝钻量贩式KTV</a></li>
            <li><a href="http://js.alixixi.com"><img src="logo/02.png" alt=""/>开心果量贩式KTV</a></li>
            <li><a href="http://js.alixixi.com"><img src="logo/03.png" alt=""/>时尚糖果KTV</a></li>
            <li><a href="http://www.alixixi.com"><img src="logo/04.png" alt=""/>回音点KTV</a></li>
            <li><a href="http://www.alixixi.com"><img src="logo/05.png" alt=""/>伯嘉乐量贩式KTV</a></li>
            <li><a href="http://www.alixixi.com"><img src="logo/06.png" alt=""/>滨苑大酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/07.png" alt=""/>星河国际大酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/08.png" alt=""/>海湾假日渔村</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/09.png" alt=""/>杭邦酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/10.png" alt=""/>白石山大酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/11.png" alt=""/>中旅假日旅行社</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/12.png" alt=""/>国际合作旅行社</a></li>
          </ul>
        </div>
        <div class="miaov_box_foot"> <span style="left: 424px;" class="caret"></span>
          <div class="line15"></div>
          <div style="width:141px; height:20px; background:url(images/ktvtext.png) no-repeat; margin-left:40px; overflow:hidden;"></div>
          <div class="line5"></div>
          <div style="width:40px; height:17px; overflow:hidden; margin-left:140px;">
            <a style="font-family:'宋体'; font-weight:bold; line-height:16px; display:block; width:15px; height:15px; float:left; background:#333; border:solid 1px #E0E0E0;" class="show"><</a>
            <a style="font-family:'宋体'; font-weight:bold; line-height:16px; display:block; width:15px; height:15px; float:right; background:#333; border:solid 1px #E0E0E0;">></a>
          </div>
          <div class="line5"></div>
          <div style="width:100px; height:20px; overflow:hidden; font-size:12px; color:#C90; line-height:20px; margin-left:80px; text-align:right;">娱乐休闲好去处</div>
          <div class="line5"></div>
          <div class="icomore"><a href="#">+ 更多</a></div>
        </div>
      </div>
    </div>
    <div class="line10"></div>
    <div class="hot_list">
      <div id="div1" class="page">
        <div class="miaov_box">
          <div style="width:100%; height:5px; overflow:hidden;"></div>
          <ul class="miaov_box_head">
            <li><a href="http://js.alixixi.com"><img src="logo/01.png" alt=""/>蓝钻量贩式KTV</a></li>
            <li><a href="http://js.alixixi.com"><img src="logo/02.png" alt=""/>开心果量贩式KTV</a></li>
            <li><a href="http://js.alixixi.com"><img src="logo/03.png" alt=""/>时尚糖果KTV</a></li>
            <li><a href="http://www.alixixi.com"><img src="logo/04.png" alt=""/>回音点KTV</a></li>
            <li><a href="http://www.alixixi.com"><img src="logo/05.png" alt=""/>伯嘉乐量贩式KTV</a></li>
            <li><a href="http://www.alixixi.com"><img src="logo/06.png" alt=""/>滨苑大酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/07.png" alt=""/>星河国际大酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/08.png" alt=""/>海湾假日渔村</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/09.png" alt=""/>杭邦酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/10.png" alt=""/>白石山大酒店</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/11.png" alt=""/>中旅假日旅行社</a></li>
            <li><a href="http://www.alixixi.cn"><img src="logo/12.png" alt=""/>国际合作旅行社</a></li>
          </ul>
        </div>
        <div class="miaov_box_foot"> <span style="left: 424px;" class="caret"></span>

Answer 4

html本身就不允许你定义相同的id document.getElementById()也无法取得多个相同id的元素

Answer 5

HTML中ID只允许使用一次吧获取的标签都是getElement没有s

Answer 6

getElementsByTagName返回的是一个集合！你自己再遍历就可以找到了。

Answer 7

document.getElementsByName("page") 来取那些div

Answer 8

<SCRIPT type="text/javascript">
function $ids(id,node){
if (node==undefined || node==null || node=='') node=window.document;
var x=[]; var y=node.getElementsByTagName('*');
for (var i=0;i<y.length;i++){
if (y[i].id==id) x.push(y[i]);
}
return x;
}
</SCRIPT><div id="t">test1</div>
<div id="t">test2</div>
<div id="t">test3</div>
<div id="t">test4</div><SCRIPT type="text/javascript">
alert($ids('t')[0].innerHTML);
</SCRIPT>