형들 style.css가 자바스크립트 onload 보다 뒤에 적용

[익명(121.175)]

.JS파일

window.onload=function(){

document.getElementById('뭐시기뭐시기').style.backgroundImage = "url(이미지경로1.png)";

}

CSS

.뭐시기뭐시기{

...

background: url(이미지경로2.png);

}

이렇게 해놨는데

뭐시기뭐시기 요소에 이미지경로2.png가 적용됨

원래 이런거임? CSS에서 백그라운드 이미지 뭘로 설정해놨든지 무시하고 JS에서 뭐시기뭐시기 요소에 이미지경로1.png 덮어씌우고싶었는데 이런건 불가능한건가?

window.addEventListener('load', function() 이런것도 다 써봤는데 이미지경로2가 적용되드라

꼭 이렇게 이상하게 해야되는 이유가 있어서 그런데 뭐시기뭐시기 요소에 CSS에서 백그라운드 이미지 뭘로 해놨든 이미지경로1 덮어씌우는 방법 없음?

[익명(1.221)]

window.onload 쓰지 말고 window.addEventListener("DOMContentLoaded", () => {...}); 써보셈

[익명(1.221)]

아니면 본문에서 css에 클래스 셀렉팅 해놓고 js에 getbyid 하는데 이게 문제일수도 있음

[익명(121.175)]

그것도 안되든데

[익명(121.175)]

걍 <div></div>얘 건드는건데 방법에 먼가 문제잇음? 클래스셀렉팅을 햇다는게 무슨뜻이야

[익명(1.221)]

.뭐시기 잖아 온점 ㅇㅇ

[익명(1.221)]

그것도 아니면 다음은 background가 background-image보다 우선순위가 높다는 가설이 있음 둘다 같은 속성으로 맞춰보셈

[익명(121.175)]

아 ㅅㅂ getElementById는 클래스는 못가져오는거임? 아이디만대나

[익명(121.175)]

알겟어여

[익명(1.221)]

getby~~~ 쓰지말고 querySelector로 통일하셈 요즘메타임

[익명(121.175)]

헐 쿼리셀렉터인가 그걸로 바꿧더니 바로됨 ㄷㄷ

[익명(1.221)]

굿

[익명(110.15)]

getElementById는 저 밑에 모자란 애가 주로 쓰는거고 쿼리셀렉터 쓰셈