자바스크립트 backgroundImage
본문
자바스크립트 backgroundImage
<td align="center" width="20%" id="test">
<td align="center" width="20%" id="test2">
<script>
bgimages = "0.jpg";
bgimagem = "1.jpg";
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
<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>
전 잘되는데요?
<td align="center" width="20%" id="test"> </td>
<td align="center" width="20%" id="test2"> </td>
위처럼 닫으셨나요?