자바스크립트 배경 bakcground 변경

자바스크립트 bakcground 배경 변경

테이블 셀의 배경을 지정하는 HTML 코드는 background='배경이미지' 의 형태로 지정하면 되는데, 자바스크립트 코드를 이용해서 동적으로 변경하려면 어떻게 해야할까요?

자바스크립트로 테이블의 배경등을 바꿀려면 아래 샘플코드를 참조하시면 이해하실 겁니다.

샘플코드

<table>

<td id=td1 background='red.gif'>

aaaa

bbbb

cccc

</td>

</table>

<input type=button value='배경변경' onclick="ch_bg()">

<script>

function ch_bg()

{

document.getElementById(' td1').style.backgroundImage= "url(blue.gif)"

}

</script>

요약

배경이미지를 자바스크립트를 이용하여 동적으로 변경하기

객체.backgroundImage = "url('이미지')";