使用Plain JavaScript / no jQuery /创建Random Div

Question

我想用普通的javascript在100px和400px之间创建一个随机div。随机位置也可能有所帮助:)任何建议都会有所帮助。

Answer 1

你需要看看：

• element.style.width
• element.style.height
• 的Math.random

要生成100到400之间的随机整数，您可以执行以下操作：

Math.floor(Math.random()*300)+100;

如果你想随机放置div，你会想看看这些CSS属性：

• 位置
• 顶
• 左

Answer 2

在这里，你去，

window.onload = function(){
  randomDiv();
}

function randomDiv(){
  var w = Math.random() * 300 + 100;
  var h = Math.random() * 300 + 100;

  var div = document.createElement("div");
  div.style.cssText = "position: absolute; background-color: red;";

        div.style.width = w + "px";
        div.style.height = h + "px";
  div.style.top  = (Math.random() * window.innerHeight - h) + "px";
  div.style.left = (Math.random() * window.innerWidth - w) + "px";

  document.body.appendChild(div);
}