如何使用 JavaScript 设置通用 CSS 选择器?

2022-01-10 00:00:00 css-selectors javascript css

我经常使用 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 = ...
}

相关文章