当我使用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>
答案 0 :(得分:2)
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"));
}
答案 1 :(得分:2)
使用slide.src
代替slide.style.src
。
您要设置HTML属性element.src
,element.style.src
设置CSS属性src
,但未设置iframe src。详细了解CSS属性src
here。