解决js添加css样式设置!important无效问题

最新推荐文章于 2024-05-30 11:27:58 发布

老猪1993

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量167

点赞数 3

文章标签： javascript css 前端

本文链接：https://blog.csdn.net/m0_63853518/article/details/138654435

版权

1，不生效代码

      const body = document.getElementsByTagName('body')[0];
      const html = document.getElementsByTagName('html')[0];
      const width = html.clientWidth;
      const height = html.clientHeight;
      const max = width > height ? width : height;
      const min = width > height ? height : width;
      body.style.width = max + "px !important";
      body.style.height = min + "px !important";

2，几种解决后生效的的代码

      const body = document.getElementsByTagName('body')[0];
      const html = document.getElementsByTagName('html')[0];
      const width = html.clientWidth;
      const height = html.clientHeight;
      const max = width > height ? width : height;
      const min = width > height ? height : width；
      //第一种解决方案
      body.style.setProperty('height', min+"px", 'important')
      body.style.setProperty('width', max+"px", 'important')
      //第二种解决方案
      //body.style.cssText=`height:${min+"px"} !important;width:${max+"px"} !important;`