The image is loading correctly, but it fails to change when using javascript function

Question

<img id="myImg" src="https://drive.google.com/uc?export=view&amp;id=1gsRqRNoKabIkK9z1NhioUhpFOgIKww5Q" width="107" height="98">

<button onclick="change_image()">Change Image</button>
<script>
function change_image() {
  document.getElementById("myImg").src = "https://drive.google.com/uc?export=view&amp;id=1gsRqRNoKabIkK9z1NhioUhpFOgIKww5Q";
}
</script>

Image from the same link is loading properly. But it fails to change when using a js function

Quentin · Accepted Answer · 2022-04-18 21:26:18Z

2

& is how you represent a & character in HTML.

It isn't how you represent one in JavaScript (not even JS in a <script> element in an HTML document as <script> elements are defined so that normal HTML parsing rules (where & would switch to the character reference state) are suspended).

The URL is getting a 400 error.

In the JS use only & without the amp;.

answered Apr 18, 2022 at 21:26

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

Collectives™ on Stack Overflow

The image is loading correctly, but it fails to change when using javascript function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related