实验：有可能使用JavaScript找到with元素受类影响吗？

Question

这实际上并不实际，但我想知道是否可以通过类或div或任何其他形式的css选择器影响使用DOM元素查找的可能性。

例如，我有一个选择器，它在div周围放置了一个红色边框，并且我想使用纯JavaScript来返回带有DOM元素的DOM。

并且要添加难度，document.querySelector或document.querySelectorAll不是一个选项。

同样，我知道这很奇怪，但这只是一个疑问。

Answer 1

您可以使用类似：

elements = document.querySelector('any-css-selector');

Answer 2

您可以完美。 唯一的问题是浏览器的CPU负载可能如此之大，并且对用户不利，因为您需要读取所有DOM元素并仅返回符合条件的元素。

jQuery解决方案

  $('html *').each(function(){
        alert($(this).css('border-color'));
  });

Javascript解决方案

  var els = document.querySelectorAll("body *");
  for(var i in els) {
       var comp = window.getComputedStyle(els[i]);
       var result = comp.getPropertyValue("border-color");
       alert(result);
   }

编辑

getComputedStyle文档：

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/getComputedStyle