Javascript 切换开关在chrome中不起作用,但在firefox中起作用
获取cssJavascript 切换开关在chrome中不起作用,但在firefox中起作用,javascript,Javascript,获取css属性值的最佳方法是使用getComputedStyle function toggle_it(itemID){ // Toggle visibility between none and '' if ((document.getElementById(itemID).style.display == 'none')) { document.getElementById(itemID).style.display = '' eve
属性
值的最佳方法是使用getComputedStyle
function toggle_it(itemID){
// Toggle visibility between none and ''
if ((document.getElementById(itemID).style.display == 'none')) {
document.getElementById(itemID).style.display = ''
event.preventDefault()
} else {
document.getElementById(itemID).style.display = 'none';
event.preventDefault()
}
}
getComputedStyle
在每个浏览器和ie 9或更高版本中都受支持
了解更多有关它的信息
以及更改样式属性值时
更改其值,而不是将其设置为空
反而
var div = document.getElementById(itemID);
if(window.getComputedStyle(div, null).getPropertyValue('display') == 'none'){
}
到
请包括预期行为的描述、实际发生的情况以及您看到的任何错误。工作示例总是最好的(您可以在文章中包含可运行的代码段,包括HTML)。您应该详细解释您正试图执行的操作。您正在使用event.preventDefault()
,但是您没有将事件作为参数传递给函数。它的调用来自描述:Lorem ipsum door sit amet conse ctetur adipising elit.getComputedStyle
通常是一种反模式。最好只使用类,并添加和删除它们。
document.getElementById(itemID).style.display = ''
document.getElementById(itemID).style.display = 'none'