Javascript按钮幻灯片

我是javascript编程新手，有人能帮我吗。 这是我的密码

var-button=document.getElementsByTagName（'button'）[0]；
var pic=document.getElementsByTagName（'img'）[0]；
addEventListener（'click'，colorIt，false）；
函数colorIt（e）{
pic.innerHTML=“src=/”https://picturejs.org/adv/banner.jpg\“宽度=\'400px\'高度=\'150px\'>”；
}

单击我

函数fillIt（e）{
pic.innerHTML=“src=/”https://picturejs.org/adv/banner.jpg\“宽度=\'400px\'高度=\'150px\'>”；
}

您需要在中添加图像的根目录，例如，这取决于您在电脑中下载图像的位置

---

希望这有帮助

.innerHTML

修改开始标记和结束标记之间的内容（

此

），而不是标记本身的内容（

）

您可以使用

setAttribute

或直接设置属性来修改标记属性：

var-button=document.getElementsByTagName（'button'）[0]；
var pic=document.getElementsByTagName（'img'）[0]；
addEventListener（'click'，colorIt，false）；
函数colorIt（e）{
图.srchttps://picturejs.org/adv/banner.jpg'
图宽度='400px'
图高度='150px'
}

单击我将您的
colorIt
功能更改为以下内容。您需要设置
src
，然后将
显示设置为block。您可能还希望将
高度
和
宽度
移动到CSS

function colorIt(e) {
  pic.src='https://picturejs.org/adv/banner.jpg';
  pic.width = 400;
  pic.height = 150;
  pic.style.display = "block";
}

请尝试以下代码：

function fillIt(e) {
  pic.style.display = "block";
  pic.src ="https://libertycity.net/uploads/download/gta5_lamborghini/thumbs/4qhllsfhd8fk9bm4mf36761u37/15205818409903_63e23c-pgta535987529.jpg";
}

你在正确的轨道上。但是，您需要在JS中设置每个属性

此外，我无法加载
picturejs.org
，因此我在其中放置了一张
picsum
pic


var-button=document.getElementsByTagName（'button'）[0]；
var pic=document.getElementsByTagName（'img'）[0]；
addEventListener（'click'，colorIt，false）；
函数colorIt（e）{
图.srchttps://picsum.photos/150/400'
图宽度='400'
图：高度=150’；
pic.style.display='block'；
}

单击我
您应该设置src属性，如so pic.src=“YOUR\u IMG\u URL”这是否回答了您的问题？