<html>
<img id="test" src="https://codingapple1.github.io/kona.jpg">
<script>
var 프로미스 = new Promise(function(성공,실패){
var 이미지 = document.getElementById('test');
이미지.addEventListener('load',function(){
성공();
});
이미지.addEventListener('error',function(){
실패();
});
});
프로미스.then(function(){
console.log('성공')
}).catch(function(){
console.log('실패')
})
</script>
여기서 셀렉터를 getElementById로하면 결과가 안나오는데 이유가 무엇일까요?
답변 적어놓으신것처럼 querySelector로 하니까 결과가 뜨더라구요....
근데 문제는 결과가 '실패'로 뜹니다. 분명 라이브서버 열었을때 이미지 load가 성공했는데도요...
이건 또 이유가 뭘까요?ㅠㅠㅠ