getElementById这个里面有多个id,怎么获取

胖胖 发布于 2013/11/09 17:30
阅读 5K+
收藏 0

惆怅javascript的问题分类osc上该怎么选

然后正文:

div有很多个id    这个默认有个  282a  2822a  2821a

另外还有 285a 2852a  2851a

还有 289a 2892a  2891a  

没有规则 

但是想getElementById里面写多个 求个简单的办法

然后at一下 @南湖船老大   和 @Tuesday


其实就是个滚动的js 然后又多个区域用了不同的id 然后现在怎么让他们全都滚的问题


var speed=40

var demo=document.getElementById("282a");
var demo2=document.getElementById("2822a");
var demo1=document.getElementById("2821a");
demo2.innerHTML=demo1.innerHTML

function Marquee(){
 if(demo2.offsetTop-demo.scrollTop<=0)
  demo.scrollTop-=demo1.offsetHeight
 else{
  demo.scrollTop++
 }
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}


其实就是这个的 只不过有多个div的块都要滚动 id不同

<html>
<HEAD>
<TITLE>滚动</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>
#demo a {
 width:100%;
 overflow:hidden;
 font:12px/16px tahoma;
 display:block;
 text-decoration:none;
 margin:2px;
 color:#4a551c;
 padding-left:2px;
 text-align:left;
}
#demo a:hover {
 color:#ff6600;
}

</STYLE>
</HEAD>
<body>
<div id="demo" style="overflow:hidden;height:132px;width:400px; border:1px solid #dde5bc; overflow:hidden;">
 <div id=demo1> 
  <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
  <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
  <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
  <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
  <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
  <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
  <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
  <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
  <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
  <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
  <a href="#">完全兼容IE, FF, Opera, 其它的还未经测试……</a>
  <a href="#">代码来自互联网,我只不过稍加整理,希望大家多提意件……</a>
 </div>
 <div id=demo2></div>
</div>
<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
 if(demo2.offsetTop-demo.scrollTop<=0)
  demo.scrollTop-=demo1.offsetHeight
 else{
  demo.scrollTop++
 }
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>

加载中
0
leo108
leo108
有人看懂楼主的需求么
胖胖
胖胖
不好意思 问题已经更新 帮忙看看吧
0
lazyphp
lazyphp
ID都不一样,那他们应该都是在一个层内吧。遍历父层里面的子类,这样ID不就可以获取到了?
胖胖
胖胖
var demo=document.getElementById("282a"); 04 var demo2=document.getElementById("2822a"); 05 var demo1=document.getElementById("2821a"); 就像这三个里面能到另外的 不用自动获取 我手动添加就行
0
冷血
冷血
给需要一批选取的元素添加 同样的样式名,然后用 getElementsByClassName
冷血
冷血
回复 @胖胖 : getElementsByClassName可以自己定义啊。也可以用其它js框架里的啊。比如jquery $("div.yourclassname")
胖胖
胖胖
兼容么?
0
RegnoiX
RegnoiX
或者自定义个html属性,不知道是否兼容
0
RegnoiX
RegnoiX
如果id或者name有规律的话,可以用jQuery的选择器
0
xuan
xuan
用jquery强大的选择器吧
返回顶部
顶部