快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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()方法
网页地址:http://6mz.cn/article/pgdjji.html

其他资讯