原生JS的DOM操作API

 createElement

createElement通过传入指定的一个标签名来创建一个元素,如果传入的标签名是一个未知的,则会创建一个自定义的标签,注意:IE8以下浏览器不支持自定义标签。

使用createElement要注意:通过createElement创建的元素并不属于HTML文档,它只是创建出来,并未添加到HTML文档中,要调用appendChild或insertBefore等方法将其添加到HTML文档树中。

 let elem = document.createElement("div")elem.id = 'test'elem.style = 'color: red'elem.innerHTML = '我是新创建的节点'document.body.appendChild(elem)

createTextNode

createTextNode用来创建一个文本节点

let node = document.createTextNode("我是文本节点")
document.body.appendChild(node)

cloneNode

cloneNode返回调用该方法的节点的一个副本

ode 将要被克隆的节点dupNode 克隆生成的副本节点deep(可选)是否采用深度克隆,如果为true,则该节点的所有后代节点也都会被克隆,如果为false,则只克隆该节点本身.

这里有几点要注意:(1)和createElement一样,cloneNode创建的节点只是游离有HTML文档外的节点,要调用

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/749350.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

C++高级面试题:解释 C++ 中的编译时多态性(Compile-Time Polymorphism)。

解释 C 中的编译时多态性(Compile-Time Polymorphism)。 编译时多态性(Compile-Time Polymorphism)是指在编译阶段确定函数调用的具体实现方式的一种多态性形式。在 C 中,主要通过函数重载和模板来实现编译时多态性。…

识别和定位 - 实现工业自动化及生产数字化,推动现代工业4.0

工业4.0的定义 工业 4.0 是指将智能数字化技术集成到制造和工业流程,包括工业物联网网络、人工智能、大数据、机器人和自动化等一系列技术。工业 4.0 能帮助企业实现智能制造,建立智能工厂,目标是提高生产力、效率和灵活性,同时在…

虹科Pico汽车示波器 | 免拆诊断案例 | 2015 款路虎神行者车熄火后散热风扇依旧高速运转

一、故障现象 一辆2015款路虎神行者车,搭载2.2 L发动机,累计行驶里程约为16万km。车主反映,车辆熄火后,散热风扇依旧高速运转,且无法停止。 二、故障诊断 接车后首先试车,故障现象的确存在。使用故障检…

软件测试之学习测试用例的设计(等价类法、边界值法、错误猜测法、场景法、因果图法、正交法)

1. 测试用例的概念 软件测试人员向被测试系统提供的一组数据的集合,包括 测试环境、测试步骤、测试数据、预期结果 2. 为什么在测试前要设计测试用例 测试用例是执行测试的依据 在回归测试的时候可以进行复用 是自动化测试编写测试脚本的依据 衡量需求的覆盖率…

性能测试工具——wrk的安装与使用

前言 想和大家来聊聊性能测试,聊到了性能测试必须要说的是性能测试中的工具,在这些工具中我今天主要给大家介绍wrk。 ​介绍 wrk是一款开源的性能测试工具 ,简单易用,没有Load Runner那么复杂,他和 apache benchmar…

[剪藏] - 如何在邮件中使用适当的引用和参考?

在写邮件时,适当引用和参考可以使邮件更加准确、清晰和易于理解。以下是一些关于使用引用和参考的建议: 引用: 引用是在回复邮件时引用原始邮件的一部分或全部内容。这可以帮助读者回忆起之前的讨论内容,更好地理解当前的邮件。使…

MATLAB中的矩阵和数组,它们之间有什么区别?

MATLAB中的矩阵和数组:概念、区别与联系 MATLAB(Matrix Laboratory,矩阵实验室)作为一款强大的数学软件,广泛应用于工程、科学、数学、计算机科学等领域。在MATLAB中,矩阵和数组是两个核心概念&#xff0c…

多种智能搜索算法可视化还原 3D 魔方

一、写在前面 许久没有写图形化界面的程序了,最近学习了一些经典的盲目搜索算法与智能搜索算法,正好拿来还原三阶魔方!试试手! 提前声明 我不是专业搞人工智能的,理论或者实现过程有些许错误也很正常,评论…

Linux移动文件夹和文件指令

在Linux中&#xff0c;移动文件夹和文件的指令是mv。以下是关于mv命令的一些基本用法和参数说明&#xff1a; 基本语法&#xff1a; 移动文件&#xff1a; mv [选项] <源文件> <目标位置> 移动文件夹&#xff08;目录&#xff09;&#xff1a; mv [选项] <…

共享库的创建gcc选项“-shared -fPIC -WI”

共享库的创建非常简单&#xff0c;最关键的是gcc的几个参数&#xff1a; “-shared”&#xff1a; 表示输出结果是共享库类型。编译选项告诉编译器生成一个共享库&#xff08;也称为动态链接库或 DLL&#xff09;。共享库是一种包含可重用代码和数据的二进制文件&#xff0c;…

YOLOv5_seg-Openvino和ONNXRuntime推理【CPU】

纯检测系列&#xff1a; YOLOv5-Openvino和ONNXRuntime推理【CPU】 YOLOv6-Openvino和ONNXRuntime推理【CPU】 YOLOv8-Openvino和ONNXRuntime推理【CPU】 YOLOv7-Openvino和ONNXRuntime推理【CPU】 YOLOv9-Openvino和ONNXRuntime推理【CPU】 跟踪系列&#xff1a; YOLOv5/6/7-O…

解决游戏程序一运行就退出的问题

正文&#xff1a; 在游戏开发过程中&#xff0c;我们可能会遇到程序一运行就立即退出的情况。这种情况通常是由于程序中的某些逻辑错误或初始化问题导致的。 下面我们将分析可能的原因&#xff0c;并提供一些解决方案。 目录 正文&#xff1a; 原因分析&#xff1a; 解决方案…

Linux磁盘配额

磁盘配额 概述 Linux系统作为一个多用户的操作系统&#xff0c;在生产环境中&#xff0c;会发生多个用户共同使用一个磁盘的情况&#xff0c;会造成Linux根分区的磁盘空间耗尽&#xff0c;导致Linux系统无法建立新的文件&#xff0c;从而出现服务程序崩溃、系统无法启动等故障…

图片超过容器溢出的几种解决方法(实现图片缩放)

网页插入图片的两种常见应用场景 在网页编写&#xff0c;我们经常会插入图片来优化网页整体结构&#xff0c;增强用户体验感&#xff0c;在插入图片时&#xff0c;我们会有两种比较常见的应用场景&#xff0c;一种就是使用background-image属性插入背景图片&#xff0c;还有一…

MySQL建表以及excel内容导入

最近自学MySQL的使用&#xff0c;需要将整理好的excel数据导入数据库中&#xff0c;记录一下数据导入流程。 --建立数据库 create table SP_sjk ( --增加列 id NUMBER(20), mc VARCHAR2(300) ) /*表空间储存参数配置。一个数据库从逻辑上来说是由一个或多个表空间所组成&#…

CSS3DRenderer, CSS3DObject, OrthographicCamera API 结合使用案例

CSS3DRenderer, CSS3DObject, OrthographicCamera API 结合使用案例 <!DOCTYPE html> <html><head><title>three.js css3d - orthographic</title><meta charset"utf-8"><meta name"viewport" content"widthd…

【ArcGISPro】道路数据下载并使用

下载 下载链接: Geofabrik 下载服务器 这些数据通常 每天更新。 下载结果 arcmap用户下载工具 10.2:http://www.arcgis.com/home/item.html?id=16970017f81349548d0a9eead0ebba39 10.3:

力扣题目训练(20)

2024年2月13日力扣题目训练 2024年2月13日力扣题目训练594. 最长和谐子序列598. 区间加法 II599. 两个列表的最小索引总和284. 窥视迭代器287. 寻找重复数135. 分发糖果 2024年2月13日力扣题目训练 2024年2月13日第二十天编程训练&#xff0c;今天主要是进行一些题训练&#x…

UE5数字孪生系列笔记(二)

智慧城市数字孪生系统 制作流云动画效果 首先添加一个图像在需要添加流云效果的位置 添加动画效果让其旋转 这个动画效果是程序开始就要进行的&#xff0c;所以要在EventConstruct中就可以启动这个动画效果 添加一个一样的图像在这里&#xff0c;效果是从此处进行放大消散 添…

C语言---指针的两个运算符:点和箭头

目录 点&#xff08;.&#xff09;运算符箭头&#xff08;->&#xff09;运算符需要注意实际例子 C语言中的指针是一种特殊的变量&#xff0c;它存储了一个内存地址。点&#xff08;.&#xff09;和箭头&#xff08;->&#xff09;是用于访问结构体和联合体成员的运算符。…