Question

当我使用javascript设置iframe源时，它不起作用。第一条警报消息显示为iframe的data-src，而第二条警报消息显示为空。

for (var i = 0; i < images.length; i++) {
  var slide = images.item(i);

  slide.style.src = slide.dataset.src;
  alert(slide.dataset.src);

  alert(slide.style.src);
}

<iframe class="load color light" data-type="src" width="865" height="572" data-src="https://www.youtube.com/embed/ONA67lhVpLs?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Answer 1

style属性用于更改CSS属性。 src是HTML属性。

尝试使用此：

for (var i = 0; i < images.length; i++) {
  let slide = images.item(i);
  slide.setAttribute("src", slide.dataset.src);
  alert(slide.dataset.src);

  alert(slide.getAttribute("src"));
}

Answer 2

使用slide.src代替slide.style.src。

您要设置HTML属性element.src，element.style.src设置CSS属性src，但未设置iframe src。详细了解CSS属性src here。

Javascript设置iframe src不起作用

2 个答案: