<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
</head>
<body>
<div class="container"></div>
<script>
let container = document.getElementsByClassName("container")[0];
setTimeout(function(){
container.style.height = "400px";
let img = new Image();
img.src = "./img/wy.jpg";
img.style.height = "100%";
img.style.objectFit = "cover";
container.appendChild(img);
},3000)
</script>
</body>
</html>
js - 异步加载图片到 dom
原创qq5c322e67bf4c9 博主文章分类:JavaScript ©著作权
文章标签 JavaScript html 文章分类 代码人生
下一篇:java - 数组降序输出
-
JS选择图片获取base64编码预览图片
通过将图片转为data url的base64格式编码,实现直接预览图片
图片预览 base64 dataurl 图片转base64 -
python tag_bind用法
流程控制 既然程序式模拟人类大脑一样工作,那么有时候我们程序能根据外部变化而进行相应的改变 例如 1、age> 30岁 叫阿姨, 2、age< 30 岁 叫小姐姐 一、if....elif......els
python tag_bind用法 python 软件测试 edn 流程控制