JS 动态修改CSS 样式方法全局

html-css037

JS 动态修改CSS 样式方法全局,第1张

如何配置自行百度

1.scss文件定义变量

2.js中更改$textColor 变量的值

都是获取DOM

通过DOM分别修改当前DOM样式属性值、

当前DOM整体css样式、

修改当前DOM的className类名、

将link引入的标签作为DOM 修改link的href,从而修改引用的样式表。

详情转自: https://blog.csdn.net/wx13227855087/article/details/81391787

//修改id

<script type="text/javascript">

document.getElementsByTagName("div").id = 'newid'

</script>

//修改css

document.getElementsByTagName("div").style.height = '100px';

document.getElementsByTagName("div").style.width = '100px';

......