js 插入一条数据（元素开头插入内容/ 元素的结尾插入内容）

最新推荐文章于 2025-05-13 15:35:22 发布

原创最新推荐文章于 2025-05-13 15:35:22 发布 · 5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#js #插入元素

javascript 同时被 2 个专栏收录

5 篇文章

订阅专栏

插入元素

1 篇文章

订阅专栏

本文详细介绍了在JavaScript中如何使用prepend和append方法在元素的开始或结束位置插入内容。通过具体示例，展示了如何创建HTML文本并将其插入到指定的DOM元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js插入节点

1. 元素开头插入内容：prepend.

function prependText(){
	var txt1="<p>Text.</p>";              //使用HTML创建文本
	$("p").prepend(txt1);       // 插入新元素
}

如果是插入一个ol li标签（如果插入的数据是变量，注意要加连接符 ‘+’）;

ol = " <ol class='thisJ' data-id='1000'>\n"+
            "<li>"+data.data.p_name+"</li>\n"+
            "<li>"+data.data.price+"</li>\n"+
            "<li>"+data.data.create_time+"</li>\n"+
            "<li id='status'>"+a+
            "</li>\n"+
            "</ol>";
     $(document).ready( function() {
          $(".contMain").prepend(ol);
     });

2. 元素的结尾插入内容：append.

和上边prepend用法一致，将prepend改为append即可插入元素结尾