如何选择元素将转换(旋转等)应用于

Question

我正在尝试旋转或转换DIV内的所有元素，但我目前具有此功能。它旋转页面上的所有元素。如何选择DIV或类旋转？Array.from(document.all).forEach(o => o.style.transform = "rotate(" + Math.floor(Math.random() * 27 - 12) + "deg)")

Answer 1

您需要使用document.getElementsByClassName()或document.getElementsByTagName()：

var selected = document.getElementsByClassName('myClass');
Array.from(selected).forEach(o => o.style.transform = "rotate(" + Math.floor(Math.random() * 27 - 12) + "deg)")

Answer 2

function randomRotate(selector) {
  var elem = document.querySelector(selector);
  if (!elem) return;
  elem.style.transform = "rotate(" + Math.floor(Math.random() * 27 - 12) + "deg)"
}
randomRotate('.someClass');

基本上，它与您的代码相同，而不是采用所有元素通过选择器来寻找特定的元素。如果有多个元素的类别，则仅适用于首先旋转。

因此，如果要使用该类别的所有对象旋转，则应使用其他功能：

function randomRotate(selector) {
  var elems = document.querySelectorAll(selector);
  if (elems.length === 0) return;
  elems.forEach(function(el){
    el.style.transform = "rotate(" + Math.floor(Math.random() * 27 - 12) + "deg)"
  })
}
randomRotate('.someClass')