首页 > 其他分享 >DOM —— append和appendChild的联系和区别

DOM —— append和appendChild的联系和区别

时间:2022-11-27 01:11:51浏览次数:43  
标签:Node appendChild parent DOM 添加 child append

联系

append()和appendChild()都是给parent元素内末尾添加新的child元素。

形如:

parent.append(child);
parent.appendChild(child);

区别

  1. append():
    此方法用于以Node对象或DOMString(基本上是文本)的形式添加元素。

    appendChild():
    只接受Node对象。

  2. append()没有返回值,而appendChild()返回添加的Node对象。

  3. append()允许您添加多个项目,而appendChild()仅允许单个项目。(虽然可以给appendChild()传入多个参数,但只有第一个生效,其余被忽略)

标签:Node,appendChild,parent,DOM,添加,child,append
From: https://www.cnblogs.com/pixel-hut/p/16928822.html

相关文章

  • Azure DevOps Server 用户组加入 Azure AD Domain Service 管理用户
    一,引言今天我们继续讲解AzureDevOpsServer的内容,对于管理用户组除了在AzureDevOpsServer服务器上添加管理员方式外,还有没有其他方式,AzureDevOps需要加入Azu......
  • 编译stvo-pl报错error: ‘random_device’ was not declared in this scope 解决方案
    近来在研究PL-SLAM时,由于要安装stvo-pl库,所以我下载安装了这个库。在编译阶段我遇到了一个让人头大的问题。即红框标出的地方报错:error:‘random_device’wasnotdecl......
  • [JS DOM&BOM] 排他思想及其案例
    [JSDOM&BOM]排他思想排他思想算法框架<body><button>按钮1</button><button>按钮2</button><button>按钮3</button><button>按钮4</button><button>......
  • [JS DOM&BOM]自定义属性的操作
    [JSDOM&BOM]自定义属性的操作操作获取属性值element.属性获取内置元素的属性值(元素本身自带的属性)element.getAttribute(‘属性’);主要获得自定义的属性(标准)设置属性值e......
  • JS DOM 基础
    目录创建增删改查属性操作事件操作鼠标事件主要有创建、增、删、改、查、属性操作、事件操作创建document.write()页面文档流加载完毕,再调用这行会导致页面重绘(......
  • [JS DOM&BOM]Web API
    [JSDOM&BOM]WebAPIWebAPIWebAPI是浏览器提供的一套操作浏览器功能和页面元素的API(DOM和BOM)认识DOM什么是DOM文档对象模型(DOM)是HTML和XML文档的编程接口。它提供了对......
  • react在组件中获取 dom
    使用16版本后的createRef()函数classMyComponentextendsReact.Component<iProps,iState>{constructor(props){super(props);this.inputRef=Reac......
  • vue 同一个子组件,两次赋值不同,dom不更新
    转自:https://blog.csdn.net/WO_JIAMIFENG/article/details/115250918 <div:key="inputkey">我是子组件,我不更新,我的标签上加个:key<div> watch:{   ......
  • php获取/dev/urandom随机数
    1.有一种算是比较好的随机数算法,但是需要支持​​Mcrypt​​模块://equivtorand,mt_rand//returnsintin*closed*interval[$min,$max]functiondevurandom_rand($mi......
  • 案例3_自动跳转首页和DOM_概述
    案例3_自动跳转首页:分析:1.显示页面效果<p>2.倒计时读秒效果实现2.1定义一个方法,获取span标签,修改span标签体内容,时间--2.2定义一个定时器,1秒执行一次该方法3.在方法......