HTML界面,如何通过js函数来实现从界面中的指定行(比如第五行)开始插入新的行(行数不固定)?
请采纳!!
<!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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。