Question

我正在尝试使用HTML，JavaScript和CSS制作网页，但我的图片文件不会显示。我的img文件夹位于html文件所在的文件夹中。我想显示未修饰的树，然后当用户单击按钮以显示另一个图像但它只显示图像alt消息。

<!DOCTYPE html>                         
<html>
<title>
Christmas
</title>
<body>
<h1>Lets decorate this chritmas tree!</h1>

<button onclick="document.getElementById('xmasTreeImage').src='decoratedtree.jpg'">Decorate the tree</button>
<img id="xmasTreeImage" alt="Can't display" src="undecoratedtree.jpg" style="width:100px">
<button onclick="document.getElementById('xmasTreeImage').src='undecoratedtree.jpg'">Take away the decorations</button>

</body>
</html>

更新

<!DOCTYPE html>                         
<html>
<title>
Christmas
</title>
<body>
<h1>Lets decorate this chritmas tree!</h1>


<button onclick="document.getElementById('xmasTreeImage').src='C:\Users\Me\Documents\ChristmasWebProject/decoratedtree.jpg'">Decorate the tree</button>
<img id="xmasTreeImage" alt="Can't display" src="C:\Users\Me\Documents\ChristmasWebProject/undecoratedtree.jpg" style="width:100px">
<button onclick="document.getElementById('xmasTreeImage').src='C:\Users\Me\Documents\ChristmasWebProject/undecoratedtree.jpg'">Take away the decorations</button>

</body>
</html>

如果我在确切的目录中添加它会显示图像，但肯定有更有效的方法来执行此操作？当我点击按钮时它也没有显示任何内容，它只显示我点击按钮之前的图像。

Answer 1

我可以通过输入特定目录来显示图像。请参阅我的问题编辑代码。

无法显示HTML文件中的图像

1 个答案: