动态的td上如何添加动态的层

我现在需要在动态生成的两个或者多个td（位置不固定）上根据条件添加显示内容层。
-----
比如我动态生成的table里
    <table>
        <tr>
            <td rowspan="3">
                 
            </td>
            <td>
                 
            </td>
            <td>
                 
            </td>
            <td>
                 
            </td>
            <td>
                 
            </td>
        </tr>
        <tr>
            <td id="td1">
                 
            </td>
            <td id="td2">
                 
            </td>
            <td id="td3">
                 
            </td>
            <td id="td4">
                 
            </td>
        </tr>
    </table>
我怎么才能div1依附在td1和td2上，把div2依附在td3和td4上？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

var div=document.createElement("div");
//设置div的id,内容
div.id=
div.innerHTML=
document.getElementById("td1").appendChild(div)//把div加到td1中
to：yanlong521521
我这里是自己组合生成的td和div，能够直接写出<div id="div1">测试</div>这样的格式不？另外可以把div完全的依附在td1、td2上吗？我需要判断条件来选择有几个td作为父级对象
顶一下，有人能告诉我div1怎么才能悬浮在指定的td1和td2上吗？
在td上添加onmouseover等函数，调用js显示div层