如何用JavaScript设置通用CSS选择器？ [英] How to set the universal CSS selector with JavaScript?

问题描述

我经常使用CSS通用选择器来重置HTML文档中的尺寸：

I often use the CSS universal selector to reset the dimensions in my HTML document:

* {
    border: 0;
    margin: 0; 
    padding: 0; 
}

这还可以用JavaScript吗？

Can this be done with JavaScript too?

对于普通的HTML元素，有 style 属性。
但是如何说到通用选择器？

For normal HTML elements there is the style property. But how to speak to the universal selector?

推荐答案

getElementsByTagName 将返回DOM中的所有元素。然后您可以为集合中的每个元素设置样式：

getElementsByTagName("*") will return all elements from DOM. Then you may set styles for each element in the collection:

var allElements = document.getElementsByTagName("*");
for (var i = 0, len = allElements.length; i < len; i++) {
    var element = allElements[i];
    // element.style.border = ...
}

这篇关于如何用JavaScript设置通用CSS选择器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！