js代码同步两个div中class名称,当A变化是B是跟着变化
这个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。