js 怎么判断属性的某个值

Question

    .mainli{
        float:left;
        margin-top:10px;
        padding:5px;
        color:black;
        font-size:15px;
        cursor:hand;
        border:1px solid grey;
    }比如有个div等于这个类，然后我用js要怎么判断这个div的style.border是否有grey(我有可能会改变它的颜色)？

Answer 1

<style>
.theforever_csdn_class{
    float:left;
    margin-top:10px;
    padding:5px;
    color:black;
    font-size:15px;
    cursor:hand;
    border:1px solid grey;
}
.ok{
float:left;
    margin-top:10px;
    padding:5px;
    color:black;
    font-size:15px;
    cursor:hand;
border:2px solid red;
}
</style><div class="theforever_csdn_class" id="theforever_csdn_id">kkkk</div><input type="button" value="theforever_csdn" onclick="if(document.getElementById('theforever_csdn_id').className=='theforever_csdn_class') document.getElementById('theforever_csdn_id').className='ok';else document.getElementById('theforever_csdn_id').className='theforever_csdn_class';" />

Answer 2

若想对border颜色单独操作，需要先
document.getElementById('theforever_csdn_id').style.borderColor='blue'
赋个值
然后再判断
if(document.getElementById('theforever_csdn_id').style.borderColor=='blue')

Answer 3

楼上的把应用都贴出来了。定义的class伪类是无法遍历到里面定义的那些的。但是你写到style=""里面就OK了。就像上面说的那样，直接定义也行啥叫空字符怎么写？？不明白你的意思

Answer 4

这样判断比较麻烦，
可以这样：
.border-gray{border:1px solid #ccc;}然后去判断是否有这个className，没必须非要去判断class里边的值。
<div class="mainli border-gray"></div>

Answer 5

null和‘’一样的吗？
回楼上，判断className是方便点，但是有时候需要判断属性