css - 在类之间随机选择并在页面加载时将它们应用于 div？

Question

这可能吗？:在页面加载时，对于任何 <figure>有一个名为“.random”的类' 将随机为其图像分配一个介于 float:left; 之间的元素或 float:right; .

我已经设置了一个 [jsfiddle][1]。 [1]: http://jsfiddle.net/kenhimself/qc4kypvr/

Answer 1

是的，这是可能的。

function randomize() {
    var elts = document.querySelectorAll('figure.random');
    var array = Array.prototype.slice.call(elts);
    array.forEach(function(elt) {
        elt.style.float = Math.random() > 0.5 ? 'left' : 'right';
    });
}

在页面加载时运行它。