JavaScript的toggle不工作在谷歌浏览器

JavaScript of toggle not working in Google Chrome

本文关键字：谷歌浏览器 工作 toggle JavaScript      更新时间：2023-09-26

toolgle的JavaScript在Mozilla中正常工作，但在Google Chrome中不能正常工作。

<script type="text/javascript">
  function toggleMe(id) {
    var image = document.getElementById(id);
    if (id.style.display == "block") {
     id.style.display = "none";
    } else {
     id.style.display = "block";
    }
  }  
</script>

我从你的代码中猜测你正在传递一个id作为字符串(getElementById所期望的)。然后你在同一个字符串上访问属性。我想你可能想要访问image对象上的style属性。

<script type="text/javascript">
function toggleMe(id) {
    var image = document.getElementById(id);
    if(image.style.display == "block") {
        image.style.display = "none";
    } else {
        image.style.display = "block";
}
</script>

您使用的是id而不是image。

<script type="text/javascript">
  function toggleMe(id) {
     var image = document.getElementById(id);
     if(image.style.display == "block") {
        image.style.display = "none";
    } else {
        image.style.display = "block";
    }
  }
</script>

下面是正确的代码。:)

相关文章：