Question

我已经按照教程创建了一个随机引用生成器（使用引号数组），这很好用。

然后我尝试创建相同的随机生成器，但不是从引号数组中显示内部html，我想让它显示div，我在其中放置了具有不同内容的iframe。

这不起作用，并且在控制台中它一直说没有定义onclick按钮。

有谁能告诉我我是怎么开始这样做的？我是Javascript的新手，主要是从其他地方拉取一些代码来试图看看它是如何工作的。

基本上，我想要一个按钮，当点击时会显示一个随机div。我也希望按钮文本一旦被点击就会改变 - 所以如果有人能帮助我，我也可以做到这一点，这将是很棒的。

感谢。

Answer 1

对于您的方法，您需要遍历元素并将样式$(".login-message").load("include/login.inc.php", {email: email, pwd: pwd, submit: submit}, function(response, status, xhr){ respond = JSON.parse(response); if(!respond.status) { //Show respond.message to user } else Window.Location.href = respond.redirect; });（可见）设置为随机元素，同时使用样式display: block隐藏其他元素。

这是一个完整的例子：

display: none

var w = document.getElementById('wrapper');
var button = document.getElementById('randomize');
var quotes = w.children; // inner elements, your quotes divs

// a function to hide all divs
var hideDivs = function(divs) {
  for (var div of divs) {
    div.style.display = 'none';
  }
}

hideDivs(quotes); // hide all initially

// on click
button.addEventListener('click', function(event) {
  var rnd = Math.floor(Math.random() * quotes.length); // get random index
  hideDivs(quotes); // hide all quotes
  quotes[rnd].style.display = 'block'; // show random quote
  event.target.textContent = 'Click one more time!'; // set button text. event.target is the button you've clicked
})

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

1 个答案: