javascript - 在 DOM 上使用 vanilla js 设置 css 样式时,它是否总是内联样式?

标签 javascript css

我正在使用 vanilla JavaScript,我注意到当在 DOM 中使用 js 设置文档样式时,样式是内联的。有没有一种方法可以使用 DOM 上使用的 javascript 来设置样式表的样式,或者使用 Javascript 进行样式设置是不好的做法?我在想当网站的某些部分随着用户交互而改变时它可能会有一些用处,但我猜同样的事情可以用 css 伪类来完成。重申一下我的问题,您可以使用 javascript 在 DOM 中设置样式表的样式,还是只是内联和不好的做法?

body.style.backgroundColor= "blue";

最佳答案

在我看来,最佳做法是在单独的 CSS 文件中创建类,然后使用 JS 更改元素类。它看起来更好,也更容易阅读和理解。

但如果您愿意,可以更改样式表。读这个 Is it possible to alter a CSS stylesheet using JavaScript? (NOT the style of an object, but the stylesheet itself)

关于javascript - 在 DOM 上使用 vanilla js 设置 css 样式时,它是否总是内联样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37561410/

相关文章:

javascript - 开 Jest moduleNameMapper 查找文件 : "resolver": undefined

css - Twitter Bootstrap - 响应图像和轮播

jquery - 刺耳的切换效果

html - 为什么段落中的内容显示为链接?

javascript - 在 div 上自定义拖动

javascript - Safari 9 中后退按钮后触发 JQuery/Javascript

javascript - 如何在 JavaScript 中合并两个对象数组,并对重复对象键的值求和?

html - Safari 中的布局问题

html - 用透明度隐藏部分形状?

javascript - jQuery 模态窗口出现在 IE7 和 IE8 中的元素下