怎么用js实现动态插入图片

<script>aaa()</script>

<div id="bbb"></div>

<div id="ccc" onclick="ddd()"></div>

<script>

function aaa(){

var b

if(!b){

    document.getElementById("bbb").style.backgroundImage="url(aa.gif)"

}else{

    document.getElementById("bbb").style.backgroundImage="url(bb.gif)"

}

}

function ddd(){

var d

if(!d){

    document.getElementById("ddd").style.backgroundImage="url(aa.gif)"

}else{

    document.getElementById("ddd").style.backgroundImage="url(bb.gif)"

}

}

</script>

//什么时候判断呢，是页面加载完吗?

$("#tableId td").each(function(k,ele){

    if($(this).html().indexOf("Windows") != -1){

        $(this).append('<i class="windows_img"><i>')

    }

   if($(this).html().indexOf("Ubuntu") != -1){

       $(this).append('<i class="Ubuntu_img"><i>')

   }

})

---