随机插入for循环

时间:2018-10-16 10:13:02

标签: javascript

我想在我的for循环中将HTML输出随机包含多个元素

var h = document.getElementById("test_block");
for(i = 0; i < 7; i++) {
  h.insertAdjacentHTML("afterend", "<div class='one_hour onesy'><p>Foo</p></div>");
}

在以下forfor循环中具有随机输出:

<div class='one_hour onesy'><p>Foo</p></div>
<div class='two_hour onesy'><p>Loo</p></div>
<div class='three_hour onesy'><p>Too</p></div>

因此,我想使相邻的HTML随机成为这些行之一。 我该怎么办?

1 个答案:

答案 0 :(得分:2)

让我们看看这是否有帮助:

var results = [
  '<div class="one_hour onesy"><p>Foo</p></div>',
  '<div class="two_hour onesy"><p>Foo</p></div>',
  'whatever',
  ...
];

for(i = 0; i < 7; i++) {
  h.insertAdjacentHTML("afterend", results[Math.floor((Math.random() * results.length))]);
}