问题描述
- HTML界面，如何通过js函数来实现从界面中的指定行（比如第五行）开始插入新的行（行数不固定）？
-
HTML界面，如何通过js函数来实现从界面中的指定行（比如第五行）开始插入新的行（行数不固定）？
解决方案
可以，你先找到第五行节点的对象，然后，在改对象后再追加一个节点，就可以实现在第五行后插入新的行
解决方案二：
找到第5行会吧，然后append。
解决方案三：
$("表格的id tr(5)").append("新的行")
解决方案四：
请采纳！！
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="container">
<p>iam line 1</p>
<p>iam line 2</p>
<p>iam line 3</p>
<p>iam line 4</p>
<p>iam line 5</p>
<p>iam line 6</p>
</div>
</body>
<script type="text/javascript">
//将node插入parent节点的第i个元素之后
function insertAfter(parent,i,node) {
if(i < 0 || !node ||!parent)
return;
if(parent.children && parent.children.length >= i) {
parent.insertBefore(node,parent.children[i]);
}else{
parent.appendChild(node);
}
}
var container = document.getElementById("container");
//创建一个"<p>我是新插入的～</p>"
var newNode = document.createElement("p");
var txtNode = document.createTextNode("我是新插入的～");
newNode.appendChild(txtNode);
//调用
insertAfter(container,5,newNode);
</script>
</html>
时间： 2025-01-21 12:35:20