javascript - Javascript按钮幻灯片

Question

我是 javascript 编程的新手，所以有人可以帮助我。这是我的代码

var button = document.getElementsByTagName('button')[0];
var pic = document.getElementsByTagName('img')[0];

button.addEventListener('click', colorIt, false);

function colorIt(e) {
  pic.innerHTML="src=/'https://picturejs.org/adv/banner.jpg\' width=\'400px\' height=\'150px\'>";

}

<div id="picture">
  <img src="" id="picture" style="display:none;"> 
</div>
<button id="button">Click Me</button>

标签： javascripthtmldom

Answer 1

function fillIt(e) {
  pic.innerHTML="src=/'https://picturejs.org/adv/banner.jpg\' width=\'400px\' height=\'150px\'>";

}

JavaScript 中图像的来源无效。您在 JS 中使用了 HTML 超链接。