Javascript 切换开关在chrome中不起作用,但在firefox中起作用

Javascript 切换开关在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

获取css
属性
值的最佳方法是使用
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'