js原生方式实现jquery中的append()方法

一．在使用jquery时，

专注于为中小企业提供成都网站设计、网站建设、外贸网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业莎车免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了近1000家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

append() 方法在被选元素的结尾（仍然在内部）插入指定内容

使用方法：$(selector).append(content)，content为必需的。规定要插入的内容（可包含HTML标签）

二．在使用原生js时，使用appendChild()方法可向节点的子节点列表的末尾添加新的子节点，

用法：parent.appendChild(child); child没有引号包住，child参数，是node类型。给一个空文档里面动态创建元素，要使用document.body.appendChild(child).

三.例子




	 appendChild方法是在父级节点中的子节点的末尾添加新的节点
	 jquery中append方法在被选元素的结尾（仍然在内部）插入指定内容

效果图：点击第二个p文本段，在后面追加一个....

js原生方式实现jquery中的append()方法

当把代码中的js原生代码实现的效果图：点击第一个p文本段，在后面追加一个，再添加一个文本段，然后追加到p文本段后面

js原生方式实现jquery中的append()方法

四.缺点：

在使用js代码实现时，样式方面实现有些小问题，在以后的学习中，继续补充，完善。

当前标题：js原生方式实现jquery中的append()方法
URL标题：http://kswjz.com/article/pgdjji.html

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

行业动态