IT, 프로그래밍/Javascript

img 태그에서 경로 뽑아내기

오리@ 2018. 8. 10. 20:10

자바스크립트로 image 태그의 경로를 뽑아서 활용해야 할 때 써먹을 수 있습니다.

이렇게 지정된 이미지 태그가 있다고 합시다.



1
<img id="imgTag" src="/image/twice.jpg">
cs



1) Host를 포함한 경로를 뽑아내기

1
document.getElementById("imgTag").src
cs


결과 : http://localhost:8080/image/twice.jpg




2) Host를 제외한 경로 뽑아내기

1
document.getElementById("imgTag").getAttribute("src")
cs


결과 : /img/twice.jpg