基于css属性创建if条件——javascript
您如何发现css属性是否以某种方式设置?例如,如何查找元素的css属性为基于css属性创建if条件——javascript,javascript,html,css,web,Javascript,Html,Css,Web,您如何发现css属性是否以某种方式设置?例如,如何查找元素的css属性为background color:#ff0000?或者如果元素具有一定的宽度等…这是一种确定所有css属性(包括可见性)的方法: 这适用于在外部css文件、内部嵌入样式或内联样式中设置的属性! 注意:执行脚本之前必须加载文档 我已经对此进行了测试,它可以与内联、嵌入式和外部的css规则一起使用 html: javascript: function test() { va
background color:#ff0000代码>?或者如果元素具有一定的宽度等…这是一种确定所有css属性(包括可见性)的方法:
这适用于在外部css文件、内部嵌入样式或内联样式中设置的属性!
注意:执行脚本之前必须加载文档强>
我已经对此进行了测试,它可以与内联、嵌入式和外部的css规则一起使用
html:
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');
}
}
我以前使用过。您的意思是希望使用style
属性直接查找元素上设置的属性,还是希望查找考虑所有CSS规则和级联的元素的有效值?@WilliamGreen您想要的是getComputedStyle。用谷歌查一下。如果您使用外部样式表,那么element.style.prop不会测试它吗?这行不通。CSS规则不影响元素.style
。它似乎在我制作的另一个程序中起作用。然而,刚才在回应你的评论时,我做了一些测试,浏览器给了我错误!我不知道为什么,因为这是我以前使用过的代码,而且很有效!我不明白!啊,就是这样,文档必须先加载!:-)就是这样,在脚本执行之前必须加载文档,否则它会认为元素不存在!基本问题仍然是CSS规则不会对element.style.visibility
执行任何操作。它将开始并保持为空字符串。您的小程序可能会显示“可见”,因为element.style.visibility==“hidden”
条件将为false。放一把小提琴或其他东西来展示你的方法并验证它是否有效可能会很好。
#element
{
visibility:hidden;
}
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');
}
}