用javascript重复元素

Question

我想重复这些元素：包含一个单元格并选择菜单，将数据库中的数据通过

<div id="orginal">
<td width="99">
    <select name= "certificate"  id="xx" 
    onchange="BK.Ajax.Updates('newfile.php?id='+document.getElementById('xx').value,'ajx');" size="1">
        <option>.....</option>
        <?
        $sql_company=mysql_query("select * from company");
        while ($row=mysql_fetch_array($sql_company))
        {
            echo "<option value='$row[id]'> ";
            echo $row['name'] ;
            echo "</option>";
        }
        ?></select>

    </td>

在另一个div中：

<div id="wrapper">
</div>

使用Javascript代码：

<script language="javascript">
function repeat()
{
var el = document.createElement('div');
var oldHTML = document.getElementById('orginal').innerHTML;
el.innerHTML = oldHTML;
document.getElementById('wrapper').innerHTML = el;
}
</script>

Answer 1

innerHTML属性用于将HTML（字符串）设置为元素。 如果要添加元素对象本身，则需要使用.appendChild()

更换

document.getElementById('wrapper').innerHTML = el;

与

document.getElementById('wrapper').appendChild(el);