자바스크립트 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개

채택된 답변
+20 포인트

 <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>  

 

전 잘되는데요? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

댓글 감사합니다. 참고하여 해결했습니다. :)

댓글을 작성하려면 로그인이 필요합니다.

 <td align="center" width="20%" id="test">  </td>
 <td align="center" width="20%" id="test2"> </td>

 

위처럼 닫으셨나요? 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

댓글 감사합니다. 참고하여 해결했습니다. :)

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고