使用js动态添加报表或表单，无限制的 _JavaScript

使用js动态添加表格或表单，无限制的
//个人信息
<table width="100%" border="1">
<tr>
    <td height="25"><font color="#FF0000">*</font> 专业</td>
    <td><input type="text" name="job_major" id="job_major" size="50" onblur="check_major();"/></td>
</tr>
<tr>
   <td>专业描述</td>
   <td><textarea cols="100" rows="15" name="job_Professional_description" id="job_Professional_description">
   </textarea></td>
</tr>
</table>

==============================================================

<span onclick="dome();">继续添加</span>

求大神指教如何用js，当点击继续添加时，在<span onclick="dome();">继续添加</span>这个标签上面，并且在表格下个能够出现与上面表格一样的代码，要求可以无限的添加。急！！！！

js javascript php

------解决方案--------------------

<div id="list">

<table width="100%" border="1">

    <tr>

        <td height="25"><span style="color:#f00">*</span>&nbsp;专业</td>

        <td><input type="text" name="job_major" size="50" onblur="check_major();"/></td>

    </tr>

    <tr>

        <td>专业描述</td>

        <td><textarea cols="100" rows="15" name="job_Professional_description">

        </textarea></td>

    </tr>

</table>

</div>

<span id="add">继续添加</span>

//不要再使用font标签，因要复制就不要设置ID

<script type="text/javascript">

    window.onload=function(){

        var oTab = document.getElementById("list");

        document.getElementById("add").onclick=function(){

            oTab.appendChild(oTab.children[0].cloneNode(true));

        }

    }

</script>