Динамическое изменение содержимого страницы

<script type="text/javascript">
function DoSmth(ImgId, Imglink)
{
 document.all.my.innerHTML = "<a href='"+Imglink+"'><img src='image/" + ImgId + ".jpg' /></a>"
}
</script>
 
<DIV ID = "my">
 
<FORM>
 
 
</FORM>
</div>

<script type="text/javascript">
 
function DoSmth(ImgId, Imglink)
{
 
var our_div = document.getElementById('our_div_name');
var our_text = "<br><br><a href='"+Imglink+"'><img style='margin-left: 100px' src='imageforcarousel/pens/pens_bracket/GAMMET/" + ImgId + ".png' width='375'; height='207'; alt='Нет изображения' /img></a><p>Нажимите на картинку для просмотра сведений о товаре</p>";
   var ua = navigator.userAgent.toLowerCase();
 (ua.indexOf("gecko") != -1) {
            // Если браузер Mozilla, или Firefox, или Netscape
            var range = div_preview.ownerDocument.createRange();
            range.selectNodeContents(our_div);
     
            // Очистим внутренности нашего блока
            range.deleteContents();
            var fragment = range.createContextualFragment(our_text); //&lt;-- dies here
     
            // Теперь наполним необходимым контентом
            our_div.appendChild(fragment);
        }  else  {
            // Для остальных браузеров
            our_div.innerHTML = our_text;
        }
}
</script>

function DoSmth(ImgId, Imglink)
{
 document.all.my.innerHTML = "<a href='"+Imglink+"'><img src='image/" + ImgId + ".jpg' /></a>"
}
 
<DIV ID = "my">
 
<FORM>
 
</FORM>
</div>