Javascript 我想随机显示div-我该怎么做?
我按照一个教程创建了一个随机引用生成器(使用一个引用数组),效果很好 然后,我尝试创建相同的随机生成器,但不是从引号数组中显示内部html,而是让它显示div,在div中我放置了具有不同内容的iframe 这不起作用,在控制台中它一直说onclick按钮没有定义 有人能告诉我我是怎么开始做的吗?我对Javascript完全陌生,主要是从其他地方提取一些代码来尝试了解它是如何工作的 基本上,我想要一个按钮,当点击时显示一个随机div。我还希望按钮文本在点击一次后改变-因此,如果有人可以帮助我如何做到这一点,那将是伟大的Javascript 我想随机显示div-我该怎么做?,javascript,html,Javascript,Html,我按照一个教程创建了一个随机引用生成器(使用一个引用数组),效果很好 然后,我尝试创建相同的随机生成器,但不是从引号数组中显示内部html,而是让它显示div,在div中我放置了具有不同内容的iframe 这不起作用,在控制台中它一直说onclick按钮没有定义 有人能告诉我我是怎么开始做的吗?我对Javascript完全陌生,主要是从其他地方提取一些代码来尝试了解它是如何工作的 基本上,我想要一个按钮,当点击时显示一个随机div。我还希望按钮文本在点击一次后改变-因此,如果有人可以帮助我如何做
谢谢 对于您的方法,您需要循环元素并将样式
显示:块(可见)设置为随机元素,同时使用样式显示:无隐藏其他元素
下面是一个完整的示例:
var w=document.getElementById('wrapper');
var button=document.getElementById('randomize');
var quotes=w.children;//内部元素,您的引号div
//隐藏所有div的函数
var hideDivs=函数(divs){
for(div中的var div){
div.style.display='none';
}
}
hideDivs(引号);//最初隐藏所有
//点击
按钮。addEventListener('click',函数(事件){
var rnd=Math.floor(Math.random()*quotes.length);//获取随机索引
hideDivs(引号);//隐藏所有引号
引号[rnd].style.display='block';//显示随机引号
event.target.textContent='再单击一次!';//设置按钮文本。event.target是您单击的按钮
})
查克·诺里斯数到无穷大。。。两次。
查克·诺里斯已经去过火星;这就是为什么那里没有生命迹象。
枪不会杀人。查克·诺里斯杀人。
没有进化论。只有查克·诺里斯允许居住的动物名单。
查克·诺里斯用胡椒喷雾给牛排调味。
随机化
您可以添加不起作用的代码吗?请阅读此内容并遵循其中的指导原则,使用其他信息(如描述编程问题的代码和错误消息)细化您的问题。为单个div
随机加载innerHTML不是更好吗,而不是显示一个随机的div
并隐藏许多其他div?我对这个完全陌生:如何添加我的代码?哇,谢谢!当我把它粘贴到我的文本编辑器并在我的页面上运行代码时,div都显示出来了,而不是隐藏起来了?啊,现在它工作了!谢谢,非常感谢。@t1337不客气。如果回答了你的问题,请考虑接受这个答案。