JavaScript를 사용하여 이미지의 `src` 속성을 어떻게 동적으로 업데이트합니까?

JavaScript를 사용하여 이미지 소스를 동적으로 업데이트

JavaScript는 img 태그의 src 속성을 변경하는 간단하면서도 효과적인 방법을 제공하여 동적 이미지를 활성화합니다. 시장 조작. 다음 HTML 구조를 고려하세요.

<code class="html"><img src="../template/edit.png" name="edit-save" alt="Edit" /></code>

처음에는 이미지에 "../template/edit.png"가 표시됩니다. 그러나 클릭하면 "../template/save.png"로 전환하고 싶습니다. 이를 달성하려면 아래와 같이 img 태그에 id 속성을 추가하세요.

<code class="html"><a href="#" onclick="edit()"><img src="../template/edit.png" id="edit-save" alt="Edit" /></a></code>

edit() 함수에서 이제 다음 코드 조각을 사용하여 이미지 소스를 쉽게 업데이트할 수 있습니다.

<code class="javascript">var edit_save = document.getElementById("edit-save");
edit_save.src = "../template/save.png";</code>

이 방법을 사용하면 과도한 클릭 없이도 원활한 이미지 교체가 가능합니다.

위 내용은 JavaScript를 사용하여 이미지의 `src` 속성을 어떻게 동적으로 업데이트합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!