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

发布于 2021-11-23 01:57:56 字数 2884 浏览 875 评论 10

惆怅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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(10

凌乱心跳 2021-11-29 05:22:05

用jquery强大的选择器吧

惜醉颜 2021-11-29 05:20:10

如果id或者name有规律的话,可以用jQuery的选择器

乞讨 2021-11-29 04:22:14

或者自定义个html属性,不知道是否兼容

输什么也不输骨气 2021-11-29 04:11:22

兼容么?

够钟 2021-11-29 02:19:14

回复
getElementsByClassName可以自己定义啊。也可以用其它js框架里的啊。比如jquery $("div.yourclassname")

甜扑 2021-11-29 02:02:51

给需要一批选取的元素添加 同样的样式名,然后用
getElementsByClassName

辞别 2021-11-28 11:29:30

var demo=document.getElementById("282a"); 04 var demo2=document.getElementById("2822a"); 05 var demo1=document.getElementById("2821a"); 就像这三个里面能到另外的 不用自动获取 我手动添加就行

夜无邪 2021-11-28 00:54:51

ID都不一样,那他们应该都是在一个层内吧。遍历父层里面的子类,这样ID不就可以获取到了?

屌丝范 2021-11-24 02:56:44

不好意思 问题已经更新 帮忙看看吧

彼岸花ソ最美的依靠 2021-11-23 14:59:02

有人看懂楼主的需求么

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文