gpt4 book ai didi

JavaScript 图片

转载 作者:行者123 更新时间:2023-11-30 07:29:21 28 4
gpt4 key购买 nike

如何在同一页面上多次显示同一张图片?

<head>
<Script language="javascript">
function xdf(){

for (i=0;i<10;i++) {

document.write('<b>hello world</b><br>');
}
}

</script>
</head>

此代码显示“hello world”10 次。我想要同样的东西,但有特定的图像而不是“你好词”......

最佳答案

您可以使用 document.createElement()在 JavaScript 中创建 img 元素,以及 Node.appendChild()将其附加到其他节点:

var img = document.createElement('img');
img.setAttribute('src', 'my_image.png');
document.getElemenetById('some-div').appendChild(img);

如果上述重复多次,图像将从浏览器的缓存中加载,将每个新的 img 元素附加到多个节点。


作为@Matthew Flaschen在下面的评论中建议,您也可以使用 Node.cloneNode()解决方案。您可以创建一次 img 元素:

var img = document.createElement('img');
img.setAttribute('src', 'my_image.png');

... 然后使用 img.cloneNode(false) 作为 appendChild() 的参数:

document.getElemenetById('some-div').appendChild(img.cloneNode(false));
document.getElemenetById('some-other-div').appendChild(img.cloneNode(false));

关于JavaScript 图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3490047/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com