如何将我的脚本与其他代码一起包装在一个div中？

Question

我有这个脚本和2个div工作正常并且取而代之。

但我希望它们都在标题中，当我将整个代码包装在标题div中时，它无法正常工作。

脚本生成的图像放在div之后，我不能给我的标题写一个类......我怎么能这样做？谢谢你的帮助。

<script type="text/javascript">

var num = Math.floor(Math.random() * 30); // 0...6

var link = document.createElement("a");
link.className = "logo";

var img = document.createElement("img");
img.src = "images/gifs/"+num+".gif";

link.appendChild(img).setAttribute("class", "logo");
document.body.appendChild(link);

</script>

<div class="padding-title">                    
    <a href="index.html">

        <p class="small">
            <font face="courier" size="4">
                <h1>heading</h1>
            </font>
        </p>

        <p class="small2">
            <font face="courier" size="4">
                -<br>
                L1LINE<br>
                L2
            </font>
        </p>
    </a>
</div>         

<div class="menu2">
    <font face="courier" size="4">
        <p class="small3">
            <a href="m1.html" class="small3">M1</a>                    
            <a href="m2.html" class="small3">M2</a>
            <a href="m3.html" class="small3">M3</a>
         </p>
    </font>
</div>