Question

如果两个元素的html值相等则改变另一个元素的css

<div class="center">
<a href='#' id="11">123</a>
<a href='#' id="11">456</a>
<a href='#' id="11">789</a>
</div>
<div class="title1" id="00">456</div>

<script>
var v1=document.getElementById("00").innerHTML;
var v2=document.getElementById("11").innerHTML;
if(v2=v1){

}

</script>
如果v1所在的元素的值和v2所在的元素的值同为456即相等，那么我想改变v2所在的元素即 <a href='#' id="11">456</a> 的CSS，请问if里面我要怎么写？

Answer 1

<script>
var v1=document.getElementById("00");
var v2=document.getElementById("11");
if(v2.innerHTML==v1.innerHTML){
v2.style.color="#f00"; //如果v2=v1则v2的颜色设为红色
}
</script>

追问

还是谢谢了 你这方法我用过，这个改变的是v2这个变量的CSS 然而v2所在的元素的CSS 没发生改变

追答

1、你这段代码应该放到window的onload事件中（或其他事件中）执行，如果页面一加载就执行是不能成功的；

2、元素的ID属性是具有唯一性的，也就是说ID不可重名，否则无法运行成功。

下面是我测试通过的例子：

<div class="center">
<a href='#'>123</a>
<a href='#'>456</a>
<a href='#'>789</a>
</div>
<div class="title1" id="d0">456</div>
<script>
window.onload=function(){
    var v1=document.getElementById("d0");
    var v2=document.getElementsByTagName("a");
    for(var i=0;i<v2.length;i++){
        if(v2[i].innerHTML==v1.innerHTML){
            v2[i].style.color="#f00";
        }
    }
}
</script>

Answer 2

id 是唯一属性 你不能在一个页面出现多个 用class 循环判断是否与v1的值相等 相等就改变当前dom的css 改变css代码为xx.style.color=''