Javascript 图像在浏览器中未被替换_Javascript_Html

Javascript 图像在浏览器中未被替换

javascript html

Javascript 图像在浏览器中未被替换,javascript,html,Javascript,Html,我在做一个定位图片的练习，来自一本书。它说，使用DOM，即图像的位置、顶部和左侧值，我们可以使用JavaScript在浏览器窗口中移动图像问题是，我已经显示了图像，但当我输入坐标时，它不会被替换为新值。请告诉我哪里出了问题这是HTML文件 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Sample</ti

我在做一个定位图片的练习，来自一本书。它说，使用DOM，即图像的位置、顶部和左侧值，我们可以使用JavaScript在浏览器窗口中移动图像

问题是，我已经显示了图像，但当我输入坐标时，它不会被替换为新值。请告诉我哪里出了问题

这是HTML文件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Sample</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="newjavascript.js">
    </script>
  </head>
  <body>
      <form action="">
          <p>
              Xcordinate : <input type="text" id="xCod" /><br/>
              Ycordinate : <input type="text" id="yCOd" /><br/>
          </p>
          <br/>
          <input type="submit" value="Set the Coordinates" onclick = "moveIt('image', document.getElementById('xCod').value,
              document.getElementById('yCod').value )" />
      </form>
      <div id="image" style="position: absolute; left:0; top:200px" >
          <img src="testing.jpg" alt="Picture Cannot be displayed" />
      </div>
  </body>
</html>

我有Google Chrome的默认浏览器，因为它是一个

type=“submit”

按钮，它正在发回，并且您再次看到相同的页面，您需要

返回false

防止提交，如下所示：

<input type="submit" value="Set the Coordinates" onclick = "moveIt('image', document.getElementById('xCod').value,
          document.getElementById('yCod').value); return false;" />

在设置演示时还注意到，您的元素ID已关闭，这是：

Ycordinate : <input type="text" id="yCOd" /><br/>

Ycordinate:

应该是：

Ycordinate : <input type="text" id="yCod" /><br/>

Ycordinate:

因为它是一个

type=“submit”

按钮，它正在发回，并且您再次看到同一页，所以您需要

返回false

防止提交，如下所示：

<input type="submit" value="Set the Coordinates" onclick = "moveIt('image', document.getElementById('xCod').value,
          document.getElementById('yCod').value); return false;" />

在设置演示时还注意到，您的元素ID已关闭，这是：

Ycordinate : <input type="text" id="yCOd" /><br/>

Ycordinate:

应该是：

Ycordinate : <input type="text" id="yCod" /><br/>

Ycordinate:

你有一个大写问题（或者你的帖子有一个打字错误）。您的页面中有一个id为

yCOd

的元素，但您的代码正在查找id为

yCOd
您的文章有大写问题（或打字错误）。您的页面中有一个id为yCOd
的元素，但您的代码正在查找id为yCOd
的元素乍一看似乎没有问题。按Ctrl+Shift+J

并单击“控制台”以查看JavaScript错误第一眼就确定了。按Ctrl+Shift+J并单击“控制台”查看JavaScript错误