使用 js 更改页面上的所有 css 选择器答案

【问题标题】：changing all css selectors on page with js使用 js 更改页面上的所有 css 选择器
【发布时间】：2021-02-09 09:58:57
【问题描述】：

我正在尝试使用标签管理器使用 dom 事件触发器来运行脚本，该脚本将使用相同的 css 选择器更改所有页面元素

这是我试图运行的 JS 循环：

<script>
     function dissapper() {
   var e = document.getElementsByClassName('form-disappear');
    for (var i = 0; i < e.length; i++) {
        e[i].style.display="none";
    }
}
  function appear() {
   var e = document.getElementsByClassName('form_appear');
    for (var i = 0; i < e.length; i++) {
        e[i].style.display="block";
    }
}

</script>

知道为什么它不起作用吗？

【问题讨论】：

dissapper() 和 appear() 何时何地被调用？
请点击编辑，然后点击[<>] sn-p 编辑器并提供minimal reproducible example
嗨@NullDev - 非常感谢。最后添加一个函数调用。

标签： javascript css google-tag-manager

【解决方案1】：

所以我需要解决这个问题是在末尾添加一个函数调用，如下所示：

<script>
     function dissapper() {
   var e = document.getElementsByClassName('form-disappear');
    for (var i = 0; i < e.length; i++) {
        e[i].style.display="none";
    }
}
  function appear() {
   var e = document.getElementsByClassName('form_appear');
    for (var i = 0; i < e.length; i++) {
        e[i].style.display="block";
    }
}
dissapper()
appear()
</script>

感谢@nulldev 指出。

【讨论】：