我怎样才能使这个代码更好？因为它现在不起作用

索班帕萨

我已经在 Visual Studio 中编写了这个简单的代码，但它不起作用。请帮我：）

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" lang="en">

</head>
<body>
    <img src="NewFolder/001.jpg" width="100" height="500" alt="" border="0" onclick="showpicture1();" />

    <script>
        function showpicture1() {
            imgMain.src = "NewFolder/001.jpg";
            imgMain.width = 400;
            imgMain.height = 300;
        }
    </script>

</body>
</html>

豪利时仙

首先，您的脚本标记位于错误的位置。你应该将它包含在你的标签中或在你喜欢的之后：

 <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8" lang="en">
      <script>
       function showpicture1() {
        var imgMain = document.getElementById('main');
        imgMain.src = "NewFolder/001.jpg";
        imgMain.width = 400;
        imgMain.height = 300;
      }
    </script>
    </head>
   <body>
    <img id="main" src="NewFolder/001.jpg" width="100" height="500" alt="" border="0" 
    onclick="showpicture1();" />
   </body>
  </html>

更可取的是，我宁愿将它放在 head 标签中，以便能够进行 DOM 操作并因此对其进行验证。我还将变量声明为 var imgMain 并通过为 img 分配一个 id 来获取它。我希望这有帮助。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。