时间戳

首页 > 解决方案 > 通过单个 javascript 调整图像大小（无 ID）

javascript - 通过单个 javascript 调整图像大小（无 ID）

问题描述

如何在保持以下条件的html文件中将所有图像的大小调整为400 * 300？

  1. 顶部有一个 javascript
  2. 没有任何额外的文件，如 css
  3. 目前没有图片的ID

换句话说，我找到了一个表单的 javascript（blahblah 部分）

<script>
...
blahblah
...
</script>

<img src="image/01.jpg">
<img src="image/02.jpg">
...
<img src="image/99.jpg">

这将获得与以下相同的效果

<img src="image/01.jpg" width=400 height=300>
<img src="image/02.jpg" width=400 height=300>
...
<img src="image/99.jpg" width=400 height=300>

标签： javascripthtmlimagesize

解决方案

window.addEventListener('DOMContentLoaded', (event) => document.querySelectorAll('img').forEach((img) => ([img.width, img.height] = [400, 300])), false);

推荐阅读