image size adjust (no IDs) by a single javascript

Question

How to adjust size of all images to 400*300 in a html file keeping following conditions ?

with a single javascript located at the top
without any additional file like css
there are no Ids for images at present

In other words, I am finding a javascript (blahblah part) of a form

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

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

which will get the same effect as following

<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>

I am just studying javascript.. I just want to know it is possible in easy way. Thank you. — imida k
– imida k, Commented Sep 26, 2020 at 1:22
I think you should at least try to write code before asking us to do it for you. — user2258152
– user2258152, Commented Sep 26, 2020 at 1:28

Angel Zlatanov · Accepted Answer · 2020-09-26 01:29:54Z

1

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

edited Sep 26, 2020 at 1:29

answered Sep 26, 2020 at 1:24

Angel Zlatanov

3261 silver badge5 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Angel Zlatanov Over a year ago

I'm glad it worked out for your usecase. If it completely satisfy you, please accept the answer.

Collectives™ on Stack Overflow

image size adjust (no IDs) by a single javascript

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related