Question

如何用js判断div内容并更改它的css样式？

比如<div class="test">0</div>
内容为0，样式不变。如果为其它就变更为"test2"

Answer 1

不能按照内容作为判断的条件。这样做的话，会照成不准确，而且容易出错。按照这样的思路：内容0 ====> class="test0" ->对应div的name值来判断内容0内容1 ====> class="test1"......内容N ====> class="testN" 用js来判断name值为0的时候，class赋值 test0。。。这样比较好点。

Answer 2

var div=$("div");
for(var i=0;i<div.length;i++)
{
if($(this).text!="0")
{
$(this).removeClass("test");

$(this).addClass("test2");

}

}

Answer 3

var div=document.getElementById("div的ID");if(div.innerHTML=="0")
{
div.className="text";
}else{
div.className="text1";
}

Answer 4

//jquery代码
var test=$(".test");
if(test.text()!="0"){
    test.attr("css","test2");
}
//原生代码
var test=document.querySelector(".test");
if(test.innerText!="0"){
    test.classList="test2";
}

Answer 5

window.onload = function(){
    var divs = document.getElementsByTagName('div');
    var i =0, len = divs.length;
    for(;i<len;i++){
        var div = divs[i];
        if(div.childNodes.length != 1 || div.firstChild.nodeValue != '0'){
            div.className = 'test2';
        }
    }
}