想在知道的顺序后插入内容用什么函数?

woshilbj 2006-10-25 09:42:12
比如我在一个div里面的innerHTML用JS添加一个
<table>
<tr><td>内容1</td></tr>
<tr><td>内容2</td></tr>
<tr><td>内容3</td></tr>
</table>
这个时候我知道了内容4的插入位置是第n(0<=n<=3)个之后,也就是要插个<tr><td>内容4</td></tr>进去,我想通过读取</tr>的个数,然后插入就成.但是在JS中要用什么函数,请教各位!!!
...全文
287 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
xeonwell 2006-10-26
  • 打赏
  • 举报
回复
去掉-1,在firefox里会报错的。
xeonwell 2006-10-26
  • 打赏
  • 举报
回复
<table id="tbl" border="1">
<tr><td>内容1</td></tr>
<tr><td>内容2</td></tr>
<tr><td>内容3</td></tr>
</table>
<script type="text/javascript">
var $ = function(id){return document.getElementById(id)}
var row = $("tbl").insertRow(-1);
var cell = row.insertCell(-1);
cell.innerHTML = "内容4";
</script>
fosjos 2006-10-26
  • 打赏
  • 举报
回复
一楼正解,-1改成楼主需要的n,如果是加在最后就不要这个参数
var n = 3;
var table = div.getElementsByTagName("table")[0];
var row = table.insertRow(n);
var cell = row.insertCell();

另外楼主想要插入字符串,可以用indexOf找"</tr>"n次,不过每次都要重写div.innerHTML
CutBug 2006-10-26
  • 打赏
  • 举报
回复
<table id=tbl>
<tr><td>内容1</td></tr>
<tr><td>内容2</td></tr>
<tr><td>内容3</td></tr>
</table>
<script language=javascript>
var len = document.getElementsByTagName("tr").length;
var newRow = tbl.insertRow();
var newCell = newRow.insertCell();
newCell.innerText = "内容"+(++len)
</script>

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧