有简单的代码:
<!DOCTYPE html>
<html>
<head>
<script>
window.addEventListener( 'DOMContentLoaded', function(){
document.getElementById( 'dog' ).src = 'https://www.petfinder.com/wp-content/uploads/2012/11/122163343-conditioning-dog-loud-noises-632x475.jpg';
document.getElementById( 'dog' ).alt = 'Doggy';
});
</script>
</head>
<body>
<div id="container">
<img id="dog" src="" alt="">
</div>
</body>
</html>
如何捕获 IMG 元素下载？尝试使用突变但不成功
最佳答案
下载从 .src = 开始。
您可以订阅加载事件以检查它何时完成。
img.onload = () => console.log('Done!');
您还可以检查 bool 值complete
if (img.complete) { }
关于javascript - 文档加载后更改 DOM 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36560885/