css 如何永久更改元素的类?

xghobddn  于 2023-06-25  发布在  其他
关注(0)|答案(1)|浏览(127)

我试图通过摆脱只读的css类来使视频网站的搜索栏可点击和可控制,但我必须手动摆脱每个视频。有没有什么方法可以永久地摆脱它,或者在每次页面刷新时自动摆脱它?
我试着手动摆脱它,这起了作用,但它是相当乏味的。

<div id="seek" data-tabindex="0" tabindex="0" class="progress-bar read-only" style="position:  absolute; left: 0px; top: 0px; overflow: visible; transform-origin: center center; width: 169px; height: 30px; transform: translate(44px, 18px); display: block;">
      <style>
        #seek:before {
          border: 1px solid rgba(0, 0, 0, 0);
          background-image: initial;
          background-repeat: no-repeat !important;
        }
      </style>
kqqjbcuj

kqqjbcuj1#

有很多可能的方法可以做到这一点,但其中一种方法就是通过JS。

const readOnlys = document.querySelectorAll('.read-only')

for (let i = 0; i < readOnlys.length; i++) {
    readOnlys[i].classList.remove('read-only').
}

如果运行此代码,它会选择read-only类中的所有元素,然后将其从这些元素中删除。

相关问题