<html>
<body>
<div id="div1">
<div id="div2" >第一行</div>
<div id="div3" >第二行</div>
<div>
</body>
<script>
//在div1下的第一行之前加入一个新的div模块
$("#div1").find("div").eq(0).before("<div>新行</div>");
/* 运行之后输出:新行
第一行
第二行*/
//在div1下的第一行之后加入一个新的div模块
$("#div1").find("div").eq(0).after("<div>新行</div>");
/* 运行之后输出:第一行
新行
第二行*/
</script>
</html>
这篇博客介绍了如何使用JavaScript的DOM操作,在<div id='div1'>中的第一行之前和之后插入新的<div>模块。通过示例代码`$(#div1).find(div).eq(0).before(<div>新行</div>);`和`$(#div1).find(div).eq(0).after(<div>新行</div>);`,展示了如何实现这一功能,使得元素内容变为:新行、第一行和第二行或第一行、新行和第二行。
2202

被折叠的 条评论
为什么被折叠?



