자바스크립트 backgroundImage

2017.06.07 14:11:23 조회 2429 (221.♡.♡.165)

본문

document.getElementById('test').style.backgroundImage='url(' + bgimages + ')';
document.getElementById('test2').style.backgroundImage='url(' + bgimagem + ')';
</script>
위 코드에서

document.getElementById('test').style.backgroundImage='url(' + bgimages + ')';

이것만 사용해서 출력할때는 잘됩니다.

그러나

document.getElementById('test').style.backgroundImage='url(' + bgimages + ')';

document.getElementById('test2').style.backgroundImage='url(' + bgimagem + ')';

2개를 넣어 출력할려할시에는 1개만 나오네요. 에러가 나지는 않고요.

그냥 정상적으로 test 만 출력이 됩니다. test2 는 작동안하네요.;;

조언 및 답변 부탁드립니다.

감사합니다.

#자바스크립트

답변 2

만두야닷컴 자기소개 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2017-06-07 14:31:57 121.♡.♡.189

<table width="200px;">
<tr>
<td align="center" width="50%" height="100px" id="test">
1
</td>
<td align="center" width="50%" height="100px" id="test2">
2
</td>
</tr></table>
<script>
bgimages = "0.jpg";
bgimagem = "1.jpg";

document.getElementById('test').style.backgroundImage='url(' + bgimages + ')';
document.getElementById('test2').style.backgroundImage='url(' + bgimagem + ')';
</script>

전 잘되는데요?