js里用append()和appendChild有什么区别？

最新推荐文章于 2023-09-25 13:59:39 发布
最新推荐文章于 2023-09-25 13:59:39 发布
阅读量8.9k 收藏 13
点赞数 2
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z591102/article/details/106786479
版权

parentNode.append()是还在试用期的方法，有兼容问题。

是在parendNode节点中最后一个子节点后插入新Node或者DOMString（字符串，插入后为Text节点）

与 parentNode.appendChild() 的 区别在于：
parentNode.append()可以同时传入多个节点或字符串，没有返回值；
而parentNode.appendChild()只能传一个节点，且不直接支持传字符串

(需要parentNode.appendChild(document.createTextElement('字符串'))代替)，返回追加的Node节点。

高先生的猫
关注
  • 2
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中appendChild()方法
优雅的博客
11-24 3万+
appendChild(Node)这个方法一般是在指定元素节点的最后一个子节点之后添加节点，但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接Move节点。      ① 创建原来没有的节点 苹果 香蕉 橘子 window.onload = function(){ //定义一个快捷方式 function $(name){ return
JavaScript之appendChild、insertBefore和insertAfter使用说明
12-01
appendChild定义 appendChild(newChild: Node) : Node Appends a node to the childNodes array for the node. Supported: IE 5.0+, Mozilla 1.0+, Netscape 6.0+, Safari 1.0+, Opera 7.0+ 添加一个节点到指定的节点的子节点数组中，读起来好象有点拗口，简单地说就是将元素添加到指定的节点中 appendChild用法 target.appendChild(newChild) newChild作为target的子节点插入最后的一子节点之后 a
javascript使用appendChild追加节点实例
12-12
本文实例讲述了javascript使用appendChild追加节点的方法。分享给大家供大家参考。具体分析如下： DOM树节点的增加，实例代码如下： 代码如下:<html> <head> [removed] function t(){  var nodep = document.createElement(‘p’);//创建p节点  var art = document.createTextNode(‘你好，世界’);//创建文本节点    var cont = document.getElementById(‘container’);//获取节点
append和appendTo的区别以及appendChild用法
09-04
很多新手朋友们对append和appendTo的区别以及js中的appendChild用法有所模糊，下面就举例为大家详细介绍下，感兴趣的朋友不要错过
JS中appendChild追加子节点无效的解决方法
10-17
主要给大家介绍了关于JS中appendChild追加子节点无效的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
06-28 3189
JavaScript之append、appendChild、innerText、innerHTML与textConten的区别、getTime、createElement、createTextNode
Js动态生成Div、带属性。append()和appendChild()
Mr_Van的博客
08-02 9281
在我们设计前端界面的时候，根据不同用户就需要对应得有不一样的界面实现个性化展示。有的模块就需要根据返回字段进行动态生成。 主要常见的就是innerHTML 需要添加子模块的父div 直接上代码： //获取需要动态生成div的父div var banners = document.getElementById("banners"); for(var i=0; i<vm.bannerList.length; i++){
Javascript中append和appendChild有什么不同？
m0_65315526的博客
02-03 2317
append可以追加节点和字符串，appendChild只能追加节点； append没有返有返回值，而appendChild会返回当前节点；
js中append,appendChild及innerHTML的认识
qq_43222297的博客
05-03 6125
本人是新手，在js的学习中遇到了一些问题，查了许多博客，但对新手来说都不友好，特和大家分享一下自己的理解心得。如有错误谢谢指出。 append用法： 可以同时传入多个节点或字符串，没有返回值。 appendchild用法： 只能传一个节点，且不直接支持传字符串。 innerHTML用法： 添加纯字符串，不能获取内部元素的属性。 下面是我打的代码，可以让大家分清它们的用法。 <!DOCTYPE...
jquery追加元素的几种方法（append()、prepend()、after()、before()、insertAfter()、insertBefore()）
逝者如风
07-02 9528
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;js中常用追加元素的几种方法&lt;/title&gt; &lt;link rel="stylesheet" href="css/rest.css" /&g
初学js插入节点appendChild insertBefore使用方法
01-19
语法：appendChild(newchild) insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild) 相同之处：插入子节点 不同之处：实现原理方法不同。 appendChild方法是在父级...
JavaScript中append()与appendChild()的区别
m0_61729906的博客
03-29 337
可以追加多个节点和字符串，而。:一组要插入的Node。:要追加给父节点的节点。返回追加的 Node。
append、appendTo、appendChild、prepend
Keith_Walker的博客
01-03 756
append、appendTo、appendChild、在父节点中的最后一个子节点后面插入。 append和appendTo区别是append的前面是对象，后面是要插入的节点对象。 比如append     var wrap=document.getElementById('wrap');   wrap.append('111111'); 而appendTo    $('1111
Jquery和Js追加节点的方法
weixin_56263402的博客
05-15 945
jQuery　追加节点四队八种 <script src="js/jquery-1.9.1.min.js"></script> <script> $(function(){ //append(),在父级最后追加一个子元素 $(".append").click(function(){ $("#wrap").append("<p class='three'>我是子元素append&l...
js追加元素的几种方法（append()、prepend()、after()、before()、insertAfter()、insertBefore()）...
weixin_33979203的博客
05-05 6354
[html]view plaincopy<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>js中常用追加元素的几种方法</title><linkrel="s...
append和appendChild
u011082575的博客
09-25 257
/ 插入节点对象 parent.append(child) // 可以正常使用 parent.appendChild(child) // 可以正常使用 // 插入DOM字符串 parent.append(‘Hello world’) // 可以正常使用 parent.appendChild(‘Hello world’) // 抛出错误。原始地址：https://dev.to/ibn_abubakre/append-vs-appendchild-a4m。// 这将把child元素附加到div元素中。
Node对象的appendChild和append方法
卡卡的笔录
12-17 8347
这里主要就目前本人了解到的关于appendChild和append方法阐述的一点点理解。这两个方法都是在父节点的末尾添加子节点。 appendChild() var child = parent.appendChild(child) 该方法的参数是一个Node对象 ...
【数据结构与算法python】树的实现
思南的博客
09-09 934
方法一：树的嵌套列表实现 1、定义 借助Python List来实现二叉树树数据结构，采用递归的嵌套列表实现二叉树， 由具有3个元素的列表实现： [root，left，right] 第1个元素为根节点的值； 第2个元素是左子树（所以也是一个列表）； 第3个元素是右子树（所以也是一个列表）。 以下图为例，一个6节点的二叉树 根是myTree[0]，左子树myTree[1]，右子树myTree[2] 该树的嵌套列表表示方式如下： tree = ['a', ['b', ['d',[],[]],
resnet模型-基于图像分类算法对汉字写的是否工整识别-不含数据集图片-含逐行注释和说明文档.zip
最新发布
05-23
resnet模型_基于图像分类算法对汉字写的是否工整识别-不含数据集图片-含逐行注释和说明文档 本代码是基于python pytorch环境安装的。 下载本代码后，有个环境安装的requirement.txt文本 如果有环境安装不会的，可自行网上搜索如何安装python和pytorch,这些环境安装都是有很多教程的，简单的 环境需要自行安装,推荐安装anaconda然后再里面推荐安装python3.7或3.8的版本，pytorch推荐安装1.7.1或1.8.1版本 首先是代码的整体介绍 总共是3个py文件，十分的简便 且代码里面的每一行都是含有中文注释的,小白也能看懂代码 然后是关于数据集的介绍。 本代码是不含数据集图片的，下载本代码后需要自行搜集图片放到对应的文件夹下即可 在数据集文件夹下是我们的各个类别,这个类别不是固定的，可自行创建文件夹增加分类数据集 需要我们往每个文件夹下搜集来图片放到对应文件夹下，每个对应的文件夹里面也有一张提示图，提示图片放的位置 然后我们需要将搜集来的图片，直接放到对应的文件夹下，就可以对代码进行训练了。 运行01生成txt.py,
js使用append增加勾选框
05-31
要使用JavaScript中的append方法动态添加勾选框，可以先创建一个input元素，然后将其添加到父元素中。例如： HTML代码： ``` <label><input type="checkbox" name="checkbox1" value="checkbox1"> 勾选框1 ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值