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

时间:2022-10-19
本文介绍了如何使用 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 = ...
}

这篇关于如何使用 JavaScript 设置通用 CSS 选择器?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

上一条:CSS nth-child 应用奇偶规则,但每 4 项切换一次 下一条:CSS 伪元素应用元素的第一个字符

相关文章

最新文章