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

问题描述

问 题

比如

<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，但是不太好在尾部添加。

解决方案

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

这篇关于如何用javascript在指定元素尾部动态添加复杂的html元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！