js 批量覆盖元素的原样式

div.style.cssText = “color:white; background-color:green;”;

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>测试</title>
</head>
<style>
  .test-1 {
    background-color: red;
    color: green;
    padding: 50px;
  }

</style>

<body>
  <div class="test-1">
    啦啦啦啦啦啦啦啦啦
  </div>


  <script>
    const div = document.querySelector('.test-1');
    div.style.cssText = `
      color:white;
      background-color:green;
      padding:100px;
      box-shadow:0 0 80px #333;
    `;
  </script>
</body>

</html>

在这里插入图片描述

来源：CSDN

作者：全易

链接：https://blog.csdn.net/qq_42618566/article/details/104136782

标签

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!