js代码同步两个div中class名称,当A变化是B是跟着变化

作者 : Maria Orlova 发布时间: 2022-05-5 共201人阅读

这个js代码功能主要是针对页面中某个容器div的class随时在变动,想另外一个div跟随div的class一起变,找网上找了很多不是很事宜,自己稍微改动一下,亲测有效,分享给需要的同学。

源码:

<html>
   <head>
     <script>
      //同步函数
      function synchronize(){
        document.getElementById('i1').className =document.getElementById('i2').className;
        //alert("同步成功");
     }
      //执行同步
      setInterval(synchronize,0);//同步的时间间隔,每0.5秒同步一次
      </script>
   </head>
   <body>
      <br/>
      <div id="i1">内容随意</div>
	  <div id="i2" class="55556688886">内容随意</div>
   </body>
</html>

i1和i2是div的识别ID,这个意思是i2的class变化,i1也跟着变,用于部分页面的class。