根据css属性创建if条件--javascript

时间:2014-11-15 01:46:13

标签: javascript html css web

如何找到css属性是否以某种方式设置?例如,如何查找元素的css属性是否为background-color:#ff0000;?或者如果元素有一定宽度等......

1 个答案:

答案 0 :(得分:1)

这是确定所有css属性(包括可见性)的方法:     这适用于外部css文件,内部嵌入样式或内联样式中设置的属性!      注意:在执行脚本之前必须加载文档!

我已经对此进行了测试,它适用于内联,嵌入和外部设置的css规则。

HTML:

        <div id="element" onload="test();">div content</div>

的CSS:

        #element
        {
        visibility:hidden;
        }

的javascript:

        function test()
        {
            var element = document.getElementById('element');
             if(element.style.visibility == 'hidden'){
            alert('hidden');
            }
           if(element.style.visibility == 'visible')


    {
    alert('visible');
         {
    if(element.style.visibility == 'collapse')
    {
    alert('collapsed');
    }
    if(element.style.visibility == 'initial')
    {
    alert('initial');
    }
    if(element.style.visibility == 'inherit')
    {
    alert('inherit');
    }
        }

我以前用过这个。