当前位置： 首页 > news >正文

西安公司网站建设服务商/网络零售的优势有哪些

news 文章来源：https://blog.csdn.net/weixin_45342302/article/details/135588553 2025/3/1 0:56:25
西安公司网站建设服务商,网络零售的优势有哪些,企业网站分为哪三种类型,wordpress支持的语言常用的dom操作 查找元素：可以使用 getElementById、querySelector、querySelectorAll 等方法来查找元素。创建元素：可以使用 createElement 方法创建新的元素节点。插入元素：可以使用 appendChild、insertBefore 等方法将元素插入到指定位置…

常用的dom操作

  1. 查找元素：可以使用 getElementById、querySelector、querySelectorAll 等方法来查找元素。
  2. 创建元素：可以使用 createElement 方法创建新的元素节点。
  3. 插入元素：可以使用 appendChild、insertBefore 等方法将元素插入到指定位置。
  4. 删除元素：可以使用 removeChild 方法从父节点中移除指定的子节点。
  5. 修改元素属性：可以使用 setAttribute、getAttribute 方法来修改或获取元素的属性。
  6. 修改元素内容：可以使用 innerHTML 属性来修改元素的 HTML 内容，或使用 textContent 修改文本内容。
  7. 修改样式：可以使用 style 属性来修改元素的样式，例如修改背景色、字体颜色等。
  8. 绑定事件：可以使用 addEventListener 方法来绑定元素的事件，例如点击事件、鼠标事件等。
  9. 修改类名：可以使用 classList 属性来添加、移除或切换元素的类名。

createElement的用法和示例

createElement 是用于创建 HTML 元素节点的 DOM 方法。它接收一个参数作为要创建的元素的标签名，并返回一个新创建的元素节点。

下面是一个示例，演示如何使用 createElement 方法创建一个 <div> 元素，并将其添加到页面中：

// 创建一个 <div> 元素
const divElement = document.createElement('div');// 设置元素的内容和样式
divElement.textContent = '这是一个新创建的<div>元素';
divElement.style.backgroundColor = 'yellow';
divElement.style.padding = '10px';
divElement.style.marginTop = '10px';// 将元素添加到页面的<body>元素中
document.body.appendChild(divElement);

上述代码首先通过 createElement('div') 创建了一个新的 <div> 元素节点，并赋值给 divElement 变量。然后，我们可以使用 textContent 修改元素的文本内容，使用 style 属性来改变元素的样式。

最后，使用 appendChild 方法将新创建的 <div> 元素添加到页面的 <body> 元素中。这样，页面就会动态地添加一个带有指定内容和样式的 <div> 元素。

createElement可以创建哪些元素

document.createElement() 是 JavaScript 中的一个 DOM 操作方法，可以用来创建一个新的 HTML 元素节点，该节点尚未被插入到文档树中。

对于 document.createElement() 方法可以创建任何的 HTML元素，只需传入相应的标签名称即可。例如：

// 创建一个 h1 元素
const h1 = document.createElement('h1');// 创建一个 p 元素
const p = document.createElement('p');// 创建一个 div 元素
const div = document.createElement('div');// 创建一个 a 元素
const a = document.createElement('a');

当然，以上仅是一些常见的元素，你可以在需要的地方传入对应的HTML标签名称来创建任何你需要的元素。另外需要注意的是，使用 document.createElement() 创建的元素，需要通过其他 DOM 操作方法（如 appendChild()）将它们插入到文档树中才能生效。

如何用appendchild把元素添加到指定id中

使用 appendChild() 方法将元素添加到指定的 HTML 元素中，需要先获取目标元素，即具有指定 id 的元素。

下面是一个示例，展示如何使用 appendChild() 将一个新创建的 <p> 元素添加到具有指定 id 的元素中：

// 创建一个新的 <p> 元素
const newParagraph = document.createElement('p');
newParagraph.textContent = '新段落文本';// 获取具有指定 id 的目标元素
const targetElement = document.getElementById('目标元素的id');// 将新创建的 <p> 元素添加到目标元素中
targetElement.appendChild(newParagraph);

在上述示例中，我们首先使用 document.createElement() 创建一个新的 <p> 元素，并设置其 textContent 属性为 '新段落文本'。然后，通过 document.getElementById() 方法获取具有指定 id 的目标元素。最后，使用 appendChild() 方法将新创建的 <p> 元素追加到目标元素中。

请注意，将元素添加到指定的目标元素中时，需要确保在 DOM 树完全加载和解析之后才执行，或者在执行之前确保目标元素已存在于文档中。否则，可能无法找到目标元素并进行操作。

如何通过dom操作给div内部的span添加值

要通过 DOM 操作给一个 <div> 元素内部的 <span> 添加值，可以按照以下步骤进行：

  1. 首先，使用 document.getElementById() 方法找到目标 <div> 元素，并将其保存在变量中：
const myDiv = document.getElementById('myDiv');

请确保将 “myDiv” 替换为你实际使用的 <div> 元素的 ID。

  1. 然后，使用 querySelector() 方法在 <div> 元素内部找到目标 <span> 元素，并将其保存在变量中：
const mySpan = myDiv.querySelector('span');

在上述代码中，我们使用了 CSS 选择器 span 来选择第一个 <span> 元素。如果你有多个 <span> 元素，并且想要选择特定的 <span>，你可以使用相应的选择器。

  1. 最后，使用 textContent 属性设置目标 <span> 元素的文本内容：
mySpan.textContent = '这是要添加的值';

上述代码将为目标 <span> 元素设置文本内容为 “这是要添加的值”。你可以根据需要修改文本内容。

完整的示例代码如下：

const myDiv = document.getElementById('myDiv');
const mySpan = myDiv.querySelector('span');
mySpan.textContent = '这是要添加的值';

请确保在操作之前确保文档中已经存在了相关的 <div> 和 <span> 元素。

相关文章：

常用的dom操作

常用的dom操作 查找元素&#xff1a;可以使用 getElementById、querySelector、querySelectorAll 等方法来查找元素。创建元素&#xff1a;可以使用 createElement 方法创建新的元素节点。插入元素&#xff1a;可以使用 appendChild、insertBefore 等方法将元素插入到指定位置…...

编程日记 2024/1/14 21:46:22

Hotspot源码解析-第十七章-虚拟机万物创建（三）

17.4 Java堆空间内存分配 分配Java堆内存前&#xff0c;我们先通过两图来了解下C堆、Java堆、内核空间、native本地空间的关系。 1、从图17-1来看&#xff0c;Java堆的分配其实就是从Java进程运行时堆中选中一块内存区域来映射 2、从图17-2&#xff0c;可以看中各内存空间的…...

编程日记 2024/1/14 21:43:19

Spring MVC 的RequestMapping注解

RequestMapping注解 使用说明 作用&#xff1a;用于建立请求URL和处理请求方法之间的对应关系。 出现位置&#xff1a; 类上&#xff1a; 请求 URL的第一级访问目录。此处不写的话&#xff0c;就相当于应用的根目录。写的话需要以/开头。它出现的目的是为了使我们的 URL 可以…...

编程日记 2024/1/14 21:42:18

navicat for oracle

前言 Oracle中的概念并不是创建数据库&#xff0c;而是创建一个表空间&#xff0c;然后再创建一个用户&#xff0c;设置该用户的默认表空间为我们新创建的表空间&#xff0c;这些操作之后&#xff0c;便和你之前用过的mysql数据库创建完数据库一模一样了。 创建数据库 使用O…...

编程日记 2024/1/14 21:39:14

行业分享----dbaplus174期：美团基于Orchestrator的MySQL高可用实践

记录 MySQL高可用方案-MMM、MHA、MGR、PXC https://blog.csdn.net/jycjyc/article/details/119731980 美团数据库高可用架构的演进与设想 https://tech.meituan.com/2017/06/29/database-availability-architecture.html...

编程日记 2024/1/14 21:37:12

springboot集成钉钉通知

目录 1.通过自定义机器人方式发送群消息 1.1说明 1.2发送普通消息示例&#xff08;采用加签方式&#xff09; 1.3注意事项 2.通过企业内部应用发送钉钉消息 2.1说明 2.2示例 2.3注意 1.通过自定义机器人方式发送群消息 1.1说明 官网地址&#xff1a; 自定义机器人发送…...

编程日记 2024/1/14 21:34:10

直播预告丨看零售场，如何玩转 MaaS

今年&#xff0c;有一个被频繁提及的词是MaaS 这类工具正在帮助千行百业实现大模型落地产业 在零售场&#xff0c;特别是像京东这样拥有超高并发、超复杂协同的电商场内 也沉淀出了一套通用的AI基础设施——九数算法中台 从提升客户服务体验、平台效率出发&#xff0c;训练各…...

编程日记 2024/1/14 21:31:08

高创新！EI论文复现+改进：聚合温度调控策略的综合能源系统/微电网/虚拟电厂多目标优化调度程序代码！

程序考虑供热的热惯性&#xff0c;并根据室内供热效果进行柔性供热&#xff0c;发挥热温度负荷的“储能”能力&#xff1b;针对普适性参数的室内空调进行集群研究&#xff0c;深入剖析温度设定值调整导致负荷波动的机理&#xff0c;并提出一种新的温度调整方法&#xff0c;平抑…...

编程日记 2024/1/14 21:30:07

详解Matlab深度学习进行波形分割

&#x1f517; 运行环境&#xff1a;Matlab &#x1f6a9; 撰写作者&#xff1a;左手の明天 &#x1f947; 精选专栏&#xff1a;《python》 &#x1f525; 推荐专栏&#xff1a;《算法研究》 &#x1f510;#### 防伪水印——左手の明天 ####&#x1f510; &#x1f497; 大家…...

编程日记 2024/1/14 21:29:06

如何在Windows 10/11的防火墙中禁止和允许某个应用程序，这里提供详细步骤

想阻止应用程序访问互联网吗&#xff1f;以下是如何通过简单的步骤阻止和允许Windows防火墙中的程序。​ 一般来说&#xff0c;大多数用户永远不需要担心应用程序访问互联网。然而&#xff0c;在某些情况下&#xff0c;你需要限制应用程序访问互联网。 例如&#xff0c;有问题…...

编程日记 2024/1/14 21:28:05

vivado 添加现有IP文件、生成IP

添加现有IP文件 作为从AMD IP目录添加和自定义IP的替代方案&#xff0c;您可以直接添加XCI或XCIX文件。此过程不同于从按以下方式编目&#xff1a; •XCI或XCIX文件可能是早期版本&#xff0c;也可能是相同或完全自定义的版本AMD IP目录中发现的类似IP。 •XCI或XCIX文件可能…...

编程日记 2024/1/14 21:25:02

C++右值引用，右值引用与const引用的区别

1.右值与左值 左值&#xff1a;可以取地址的、有名字的变量&#xff0c;有持久性&#xff1b;右值&#xff1a;一般是不可寻址的常量&#xff0c;或在表达式求值过程中创建的无名临时对象&#xff0c;短暂性的。 2.右值引用 C11新增了另一种引用——右值引用。这种引用可指向…...

编程日记 2024/1/14 21:23:01

启英泰伦推出「离线自然说」，离线语音交互随意说，不需记忆词条

离线语音识别是指不需要依赖网络&#xff0c;在本地设备实现语音识别的过程&#xff0c;通常以端侧AI语音芯片作为载体来进行数据的采集、计算和决策。但是语音芯片的存储空间有限&#xff0c;通过传统的语音算法技术&#xff0c;最多也只能存储数百条词条&#xff0c;导致用户…...

编程日记 2024/1/14 21:19:58

Vulnhub-DC1

前言 一个比较简单的实战靶场&#xff0c;官方要求是找到/root下的flag&#xff0c;所以直接提权即可。但对于学习和训练来说还是太简略了&#xff0c;在打靶场的时候还是全面一些较好。 本次靶场实战涉及信息收集、漏洞查找与利用、getshell、数据库渗透、密码破解、linux提…...

编程日记 2024/1/14 21:16:56

【c++笔记】总结！c++与c语言的不同之处

(Θ&#xff13;Θ) hi~ 众所周知\(^o^)/~&#xff0c;c语言和c联系密切&#xff0c;又相互区别&#xff0c;本篇文章主要介绍c与c语言的区别与联系以及一些简单的不同点的运用&#xff0c;很适合刚接触c的朋友&#xff0c;一起来瞧瞧看吧~~ 目录 一、文章内容梗概 二、概念…...

编程日记 2024/1/14 21:15:55

大模型PEFT技术原理（一）：BitFit、Prefix Tuning、Prompt Tuning

随着预训练模型的参数越来越大&#xff0c;尤其是175B参数大小的GPT3发布以来&#xff0c;让很多中小公司和个人研究员对于大模型的全量微调望而却步&#xff0c;近年来研究者们提出了各种各样的参数高效迁移学习方法&#xff08;Parameter-efficient Transfer Learning&#x…...

编程日记 2024/1/14 21:13:53

VMware vSphere运维管理手册

适用版本：VMware vSphere 7.0 VMware vSphere 是 VMware 的虚拟化平台，可将数据中心转换为包括 CPU、存储和网络资源的聚合计算基础架构。vSphere 将这些基础架构作为一个统一的运行环境进行管理，并为您提供工具来管理加入该环境的数据中心。 ![[Pasted image 20231212132…...

编程日记 2024/1/14 21:12:52

学习笔记-mysql-各种函数的基本使用

1. 聚合函数 count , sum , min , max ,avg , group_concat() -- 将所有员工的名字合并成一行 select group_concat(emp_name) from emp; -- 指定分隔符合并 select department,group_concat(emp_name separator ; ) from emp group by department; -- 指定排序方式和分隔…...

编程日记 2024/1/14 21:11:51

DD小桔高级数分 2面挂

偏业务分析一点&#xff0c;注重AB实验在实际业务中的操作、业务方交流方式 一面|同事面 中规中矩&#xff0c;面试内容偏简单&#xff0c;不知道是不是因为晚8点面试的原因项目没有进行深究 自我介绍项目介绍1.你在实际项目中是怎么设计AB实验2.你在实际业务场景中是怎么判…...

编程日记 2024/1/14 21:09:49

居中面试问题

前端常问居中面试问题 css文本居中 文本水平居中 <div class"father"><div class"child"><div> <div>子类元素为行内元素&#xff0c;则给父类元素定义text-align:center 如果子元素是块元素&#xff0c;则给子元素定义margin&…...

编程日记 2024/1/14 21:08:48

网页设计-用户体验

Use Cases (用例) 用例是用户如何在网站上执行任务的书面描述&#xff0c;从用户的角度描述了系统响应请求时的行为。每个用例都是用户实现目标的一系列简单的步骤。简言之&#xff0c;用例是一种用于描述系统如何满足用户需求的方法。 用例的好处 1. 明确需求&#xff1a; Use…...

编程日记 2024/1/14 21:07:48

docker应用：vocechat

简介&#xff1a;VoceChat是一款超轻量级的Rust聊天应用程序、API和SDK&#xff0c;优先考虑私人托管。使用VoceChat建立您自己的聊天功能&#xff01;作为一款非常好用的通讯应用程序&#xff0c;它可以让你与朋友、家人和同事进行即时消息聊天&#xff0c;支持图片视频的分享…...

编程日记 2024/1/14 21:05:46

linux 02 vmware的快照，文件管理

01.快照 使用快照&#xff1a; 同时的快照管理器&#xff1a; 如果想要返回快照&#xff0c;选择要选择的快照&#xff0c;跳转 02. 文件管理&#xff1a; cd 修改当前路径 02.touch 创建文件 03. mkdir 创建文件夹 mkdir -p 文件夹 &#xff08;创建之前没有的上级文件…...

编程日记 2024/1/14 21:03:45

项目架构之Zabbix部署

1 项目架构 1.1 项目架构的组成 业务架构&#xff1a;客户端 → 防火墙 → 负载均衡&#xff08;四层、七层&#xff09; → web缓存/应用 → 业务逻辑&#xff08;动态应用&#xff09; → 数据缓存 → 数据持久层 运维架构&#xff1a;运维客户端 → 跳板机/堡垒机&#x…...

编程日记 2024/1/14 21:02:44

RocketMQ源码阅读-Message消息存储

RocketMQ源码阅读-Message消息存储 1. CommitLog的作用2. CommitLog 存储消息3. 时序图4. 小结 在Broker消息接收一篇中&#xff0c;分析到Broker接收到消息&#xff0c;最终会调用CommitLong#putMessage方法存储消息。 本篇来分析CommitLong#putMessage存储消息的流程。 1. C…...

编程日记 2024/1/14 21:01:43

《C语言学习》---郝斌版---笔记

简介 学习计算机&#xff0c;离不开C语言的学习&#xff0c;而C语言学习过程中的视频课教程&#xff0c;目前来说&#xff0c;如果郝斌老师的C语言排第二&#xff0c;没有人敢排第一 郝斌老师的C语言教程&#xff0c;通俗易懂&#xff0c;引人发思&#xff0c;特别适合新手入门…...

编程日记 2024/1/14 21:00:43

Python(32):字符串转换成列表或元组，列表转换成字典小例子

1、python 两个列表转换成字典 字符串转换成列表 列表转换成字典 column "ID,aes,sm4,sm4_a,email,phone,ssn,military,passport,intelssn,intelpassport,intelmilitary,intelganghui,inteltaitonei,credit_card_short,credit_card_long,job,sm4_cbc,sm4_a_cbc" …...

编程日记 2024/1/14 20:59:42

CentOS 7 安装私有平台OpenNebula

目录 一、配置yum源 二、配置数据库MySQL 2.1 安装MySQL 2.2 修改MySQL密码 2.3 创建项目用户和库 三、安装配置前端包 四、设置oneadmin账号密码 五、验证安装 5.1 命令行验证安装 5.2 数据存放位置 5.3 端口介绍 5.4 命令介绍 六、访问 6.1 设置语言 6.2 创建主…...

编程日记 2024/1/14 20:58:41

（aiohttp-asyncio-FFmpeg-Docker-SRS）实现异步摄像头转码服务器

1. 背景介绍 在先前的博客文章中&#xff0c;我们已经搭建了一个基于SRS的流媒体服务器。现在&#xff0c;我们希望通过Web接口来控制这个服务器的行为&#xff0c;特别是对于正在进行的 RTSP 转码任务的管理。这将使我们能够在不停止整个服务器的情况下&#xff0c;动态地启动…...

编程日记 2024/1/14 20:57:40

基于STM32微控制器的四轮智能小车控制系统设计

标题&#xff1a;基于STM32微控制器的四轮智能小车控制系统设计与实现 摘要&#xff1a; 本文针对移动机器人领域的应用需求&#xff0c;详细介绍了基于STM32系列单片机&#xff08;以STM32F103C8T6为例&#xff09;为核心的四轮小车控制系统的设计和实现过程。该系统集成了电…...

编程日记 2024/1/14 20:56:39