如何用javascript在指定元素尾部动态添加复杂的html元素？

Question

<table class='ih_s_table'><tr><td><input type='text' value='1' style='width: 25px;'></td><td class='ih_s_img'><img src='1.jpg' width='150px' alt=''><p><a href=''>插入</a><br><a href=''>预览</a><br><a href=''>删除</a><br></p></td><td class='ih_s_href'><p><label for=''>链接</label><input type='text'></p><p><label for=''>标题</label><input type='text'></p></td><td><p><a href=''>提交信息</a></p><p>x</p><p><a href=''>删除条目</a></p></td></tr>

动态在匀速尾部添加这么复杂的元素，该怎么办呢？
我想用innerHTML，但是不太好在尾部添加。

Answer 1

var tableEl = document.creatElement('table');tableEl.innerHTML = '里面那部分'；X指定元素X.appendChild(tableEl);