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>