Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我想随机显示div-我该怎么做?_Javascript_Html - Fatal编程技术网

Javascript 我想随机显示div-我该怎么做?

Javascript 我想随机显示div-我该怎么做?,javascript,html,Javascript,Html,我按照一个教程创建了一个随机引用生成器(使用一个引用数组),效果很好 然后,我尝试创建相同的随机生成器,但不是从引号数组中显示内部html,而是让它显示div,在div中我放置了具有不同内容的iframe 这不起作用,在控制台中它一直说onclick按钮没有定义 有人能告诉我我是怎么开始做的吗?我对Javascript完全陌生,主要是从其他地方提取一些代码来尝试了解它是如何工作的 基本上,我想要一个按钮,当点击时显示一个随机div。我还希望按钮文本在点击一次后改变-因此,如果有人可以帮助我如何做

我按照一个教程创建了一个随机引用生成器(使用一个引用数组),效果很好

然后,我尝试创建相同的随机生成器,但不是从引号数组中显示内部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不客气。如果回答了你的问题,请考虑接受这个答案。