以下HTML页面中的Javascript代码定期向页面添加新图像，但我无法在视图页面源中看到它们。我怎么能抓住和改变CSS属性或文本内容的HTML元素是动态或定期添加到HTML页面的javascript代码?是否有可能使它们在视图页面源代码中可见?谢谢你的回答。
对于我所描述的问题，我不能做任何事情来获得任何结果。因为我认为解决方案可能是在另一个js的概念，我没有遇到任何web的例子。
setInterval(getData, 2000);
async function getData() {
await fetch('https://unsplash.it/600/400')
.then(res => res.blob())
.then(blob => {
let img = document.createElement('img');
img.src = URL.createObjectURL(blob);
document.querySelector('body').appendChild(img);
});
}
当你通过检查器检查一个页面时，你的视图将看到渲染的文档对象模型，它将显示你加载的图像。如果你查看页面源代码，你只会看到页面的源代码，而看不到图片——这是页面的默认状态
做什么我认为你想要你需要发送的图像url到你的网站的后端。然后你可以使用一些东西(例如php)来渲染你保存在后台的图像-你需要一个地方来存储(可能是数据库)图像的url和一种检索和渲染这些的方法。
然后使用javascript，您可以使页面刷新并呈现您的新图像，以便它将出现在页面的源代码中。效果应该类似于你目前用javascript做的事情，但你可能需要考虑图像保存和重新渲染之间的延迟-也许可以添加某种类型的旋转器。