자바스크립트 img src 경로 값 변경/가져오기

자바스크립트 img src 경로 값 변경/가져오기

자바스크립트 img src 경로 추가/변경/가져오기

자바스크립트로 변경할 수 있는 엘리먼트 노드의 속성 값은 HTML로 작성할 수 있는 속성과 대부분 일치한다. 예를 들면, 이미지 태그의 경로를 지정할 때 우리는 아래와 같이 HTML 코드를 입력할 것이다.

자바스크립트를 이용하여 엘리먼트 노드를 동적으로 조작할 때 대부분의 경우 HTML 속성명과 자바스크립트 엘리먼트 노드의 속성명이 일치한다는 것을 경험할 수 있을 것이다.

img 경로 가져오기

// 이미지 태그의 src 속성 값 가져오기 const img = document.querySelector('img'); const src = img.src;

img 경로 변경하기

// src 속성의 값 바꾸기 const img = document.querySelector('img'); img.src = "새로운 경로"

from http://tamagotch.tistory.com/26 by ccl(A) rewrite - 2021-12-19 20:00:34