用克隆的方法添加行比用innerHTML方法代码简洁了很多(: < select onchange = " add_row(parseInt(this.options[this.selectedIndex].text,10),document.getElementById('cloneTR')) " > < option selected > 0 </ option > < option > 1 </ option > < option > 2 </ option > < option > 3 </ option > < option > 4 </ option > < option > 5 </ option > </ select > < table id = " hiddentbl " > < tr id = " cloneTR " style = " display:none " > < td > 1 </ td > < td > 2 </ td > < td > 3 </ td > < td > 4 </ td > </ tr > </ table > < script type = " text/javascript " language = " javascript " > function add_row(rowNum,Obj) ... { for(var i=1;i<Obj.parentNode.rows.length;i++) ...{ Obj.parentNode.removeChild(Obj.parentNode.rows[i]); i--; } for(var i=0;i<rowNum;i++) ...{ var con = Obj.cloneNode(true); con.removeAttribute("style") Obj.parentNode.insertAdjacentElement("beforeEnd",con); }} </ script >