[ JavaScript ] JS에서 src속성 추가 / 변경하기, setAttribute와 src

JS에서 이미지의 src를 속성을 설정하거나 변경하는 법은 아래와 같이 두 가지가 있다.

proImg.setAttribute('src',imgUrl);

 

setAttribute(속성명,속성값) 메서드를 활용해서 쓰거나

직접적으로 src를 사용해서 속성에 접근할 수도 있다.

 

proImg.src = imgUrl;

 

 

다만, setAttribute()메서드는 모든 브라우저에서 일관된 방식으로 동작하지만

src는 구형 브라우저의 호환성을 고려해야 한다.

구형 브라우저의 호환성을 고려해야 할 때는 setAtttribute()가 더 안전할 수 있다.

 

그렇지만  src는 현재 사용되는 대부분의 브라우저에서는 문제없이 작동되고 

직관적이고 더 간결하게 쓸 수 있다는 장점이 있다.