javascript img onclick 函数引用错误

标签 javascript

当我点击 img 时,我在 Firefox 的控制台中不断收到 ReferenceError:toggleExpand is not Defined

我试图让图像放大,点击时 float 在屏幕中央,没有jquery,纯javascript,html,css。

HTML

<body>
  <script type="text/javascript">
    function toggleExpand(id){
      var doc = document.getElementById(id);
      doc.style.z-index = "1";
      doc.style.width = "512px";
      doc.style.align = "center";
    }
  </script>
  <img id="img1" onclick="toggleExpand('img1');" src="I:\Images\image.jpg" alt="image" style="width:128px; height:auto; cursor:pointer; z-index:0"/>
</body>

最佳答案

这是我使用的代码,可以使用这个

<html>
    <head>
       <script>
           function toggle(){
               var doc = document.getElementById("divSection");

                    doc.style.z-index = "1";
                    doc.style.width = "512px";
                   doc.style.align = "center";
          }
       </script>
    </head>

    <body>
        <p>Click the button to trigger a function.</p>
        <p class="button" onclick="toggle()">Show/hide</p>

    </body>
</html>

关于javascript img onclick 函数引用错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35954586/

相关文章:

javascript - 如何在不使用 Express 的情况下将 Node 应用程序部署到 heroku

Javascript 评估限制

javascript - 减少 JS Azure Function App 的部署大小

javascript - 未捕获的范围错误: Maximum call stack size exceeded in React

javascript - 我可以按日期查询 MongoDB ObjectId 吗?

javascript - 检测鼠标点击是在元素之前还是之后

php - 显示超过 8 个 div 类

javascript - 拖动数据传输数据在 ondragover 事件中不可用

javascript - 函数在 jQuery 插件中被多次调用

javascript - 哪个 JavaScript 库具有最全面的类继承支持?