创建 if 条件基于 CSS 属性 -- JavaScript

create if conditional based on css properties -- javascript

本文关键字：属性 JavaScript CSS if 条件 创建      更新时间：2023-09-26

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

这是一种为所有 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');
    }
        }

我以前用过这个。

相关文章：