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

15.节点操作

news 2025/8/18 22:31:43

15.1 DOM节点

1.DOM节点
DOM树里每一个内容都称之为节点

2.节点类型
●元素节点
所有的标签比如body、div
html是根节点
●属性节点
所有的属性比如href
●文本节点
所有的文本

15.2查找节点

1.父节点查找：
parentNode属性
返回最近一级的父节点找不到返回为null

子元素.parentNode

2.子节点查找：
●childNodes
获得所有子节点、包括文本节点(空格、换行)、注释节点等
●children属性(重点)
仅获得所有元素节点
返回的还是一个伪数组
●语法

父元素.children

3.兄弟关系查找：
●下一个兄弟节点.
nextElementSibling 属性
●上一个兄弟节点
previousElementSibling 属性

15.3增加节点（重要）

1.创建节点
●即创造出一个新的网页元素, 再添加到网页内，一般先创建节点，然后插入节点
●创建元素节点方法:

//创造一个新的元素节点
document.createElement( '标签名')

2.追加节点
要想在界面看到，还得插入到某个父元素中
●插入到父元素的最后一个子元素:

//插入到这个父元素的最后
父元素.appendChild(要插入的元素)

●插入到父元素中某个子元素的前面

//插入到某个子元素的前面
父元素.insertBefore(要插入的元素,在哪个元素前面)

【示例】

<body><ul><li>第一个</li></ul><script>// 1.创建节点const li = document.createElement('li')const ul = document.querySelector('ul')li.innerHTML = '第二个'// 2.追加节点 作为最后的元素ul.appendChild(li)// 3.追加节点 放在某个元素前面ul.insertBefore(li, ul.children[0])</script>
</body>

3.克隆节点

//克隆一个已有的元素节点
元素.cloneNode(布尔值)

cloneNode会克隆出一个跟原标签一样的元素, 括号内传入布尔值
➢若为true, 则代表克隆时会包含后代节点一起克隆
➢若为false，则代表克隆时不包含后代节点
➢默认为false

15.4删除节点

若一个节点在页面中已不需要时，可以删除它
在JavaScript原生DOM操作中，要删除元素必须通过父元素删除
●语法

父元素.removeChild(要删除的元素)

注意:
●如不存在父子关系则删除不成功
●删除节点和隐藏节点( display:none)有区别的：隐藏节点还是存在的，但是删除，则从html中删除节点

15.节点操作

15.1 DOM节点 1.DOM节点 DOM树里每一个内容都称之为节点 2.节点类型 ●元素节点所有的标签比如body、div html是根节点 ●属性节点所有的属性比如href ●文本节点所有的文本 15.2查找节点 1.父节点查找： parentNode属性返回最近一级的父节点找不到返回为n…...

编程日记 2023/8/5 0:06:59

C语言自定义类型 — 结构体、位段、枚举、联合

前言本期主要对通讯录三篇博客文章进行补充通讯录文章：通讯录系列文章对结构体进行详细介绍，其次讲解位段、枚举、联合体文章目录前言一、结构体1.什么是结构体2.结构声明2.1 声明格式2.2 如何声明（代码演示） 3.特殊声明3.1…...

编程日记 2023/8/5 0:05:58

新手指南：流程图中各种图形的含义及用法解析

我们经常在技术设计、沟通、业务演示等一些领域看到流程图，它也可以称为输入输出图。顾名思义，它是指一种简单的工作流程的具体步骤，比如包括一次会议的流程，以及一次生产制造的顺序和过程等。本文将为大家介绍流程图的含义和具体…...

编程日记 2023/8/5 0:04:57

【知识产权】专利的弊端

接上篇【知识产权】著作权的作用_qilei2010的博客-CSDN博客。 1 专利的分类首先，专利分为：发明专利、实用新型专利、外观设计专利。这里要说明的是专利的不同种类在不同的国家都是有不同规定的，并不是所有国家和地区都是分成这三类。 >国家法律法规数据库 >中华…...

编程日记 2023/8/5 0:03:56

用Rust实现23种设计模式之抽象工厂

在 Rust 中，可以使用 trait 和泛型来实现抽象工厂模式。抽象工厂模式是一种创建型设计模式，它提供了一个接口来创建一系列相关或依赖对象的家族，而无需指定具体的类。下面是一个简单的示例，展示了如何使用 Rust 实现抽象工厂模式&…...

编程日记 2023/8/5 0:02:54

31.利用linprog 解决投资问题（matlab程序）

1.简述语法：[X,FVAL] linprog(f,a,b,Aeq,Beq,LB,UB,X0)； X 为最终解 ， FVAL为最终解对应的函数值 *注意：求最大值时，结果FVAL需要取反* f 为决策函数的系数矩阵。 *注意：当所求为最大值…...

编程日记 2023/8/5 0:01:53

整数线性规划求解工具isl使用方法

整数线性规划求解工具 Integer Set Library 代码参考 isl是一个用于多面体模型调度实现的c/c库。通过isl，我们可以对模型进行自动的调度，循环优化等。编译 ISL,Integer Set Library 版本0.22.1，http://isl.gforge.inria.fr/ README关于…...

编程日记 2023/8/5 0:00:52

SystemC的调度器

文章目录前言调度器初始化evaluatewait updatenotify delta notificationtime notification仿真结束前言 SystemC是基于C的库，主要用来对 IC 进行功能建模和性能建模。有时也被用来当做 RTL (register transfer level) 级的升级版 HLS(High Level synthesis) 直接…...

编程日记 2023/8/4 23:59:51

1、SpringBoot 官网地址 https://spring.io/projects/spring-boot#learn spring-boot-starter-parent 版本列表可查看： https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-parent 2、SpringCloud 官网地址 https://spring.io/pro…...

编程日记 2023/8/4 23:58:50

AI Chat 设计模式：12. 享元模式

本文是该系列的第十二篇，采用问答式的方式展开，问题由我提出，答案由 Chat AI 作出，灰色背景的文字则主要是我的一些思考和补充。问题列表 Q.1 给我介绍一下享元模式A.1Q.2 也就是说，其实共享的是对象的内部状态&…...

编程日记 2023/8/4 23:57:45

Spring mvc：SpringServletContainerInitializer

SpringServletContainerInitializer实现了Servlet3.0规范中定义的ServletContainerInitializer： public interface ServletContainerInitializer {void onStartup(Set<Class<?>> c, ServletContext ctx) throws ServletException; }SpringServletCont…...

编程日记 2023/8/4 23:56:44

微信小程序中的全局数据共享（状态管理）使用介绍

开发工具：微信开发者工具Stable 1.06 一、状态管理简介微信小程序全局状态是指可以在不同页面之间共享的数据或状态。它可以存储用户的登录状态、个人信息、全局配置信息等。二、安装MobX 1、安装NPM 在资源管理器的空白地方点右键，选择“在外部…...

编程日记 2023/8/4 23:55:42

LLM - LLama 模型读取报错 TypeError: not a string

一.引言读取 LLama2 模型时报错 TypeError: not a string 看异常栈是 AutoTokenizer.from_pretrained 时候的异常。二.问题解决出现类似加载模型异常的问题，大致分两类： ◆ 模型地址异常脚本里传的 pretrained_model Path 有问题，加 …...

编程日记 2023/8/4 23:54:41

2023年08月在线IDE流行度最新排名

点击查看最新在线IDE流行度最新排名（每月更新） 2023年08月在线IDE流行度最新排名 TOP 在线IDE排名是通过分析在线ide名称在谷歌上被搜索的频率而创建的在线IDE被搜索的次数越多，人们就会认为它越受欢迎。原始数据来自谷歌Trends 如果您相…...

编程日记 2023/8/4 23:53:40

k8s的架构

简介一个 K8s 系统，通常称为一个 K8s 集群，集群主要包括两个部分一个 Master 节点（主节点） 一群 Node 节点（计算节点） Master节点 Master 节点包括 API Server、Scheduler、Controller manager、etcd A…...

编程日记 2023/8/4 23:52:38

数据分析基础-Excel图表的美化操作（按照教程一步步操作）

一、原始数据包含月份和对应的销量和产量。时间销量产量1月60722月38673月28344月58685月67596月72357月61428月24319月556710月243511月122112月2645 二、原始的图表设计-采用Excel自带模板三、优化思路 1、删除多余元素 2、弱化次要元素对于可以弱化的元素&#xff0c…...

编程日记 2023/8/4 23:51:35

Mybatis嵌套查询（一对多）

一、返回数据Java类 Data public class PersonnelDetailsVO{/*** 主键*/Column(name "ID", length 36, precision 0)private String id;/*** 人员姓名*/Column(name "OPERATE_NAME", length 36, precision 0)private String operateName;/*** 单位i…...

编程日记 2023/8/4 23:50:33

web前端转正工作总结范文5篇

web前端转正工作总结（篇1） 来到__有限公司已经三个月了，目前的工作是前端开发，我是一名应届毕业生，之前没有过工作经验，在刚来到__这个大家庭的时候，我就被这里的工作气氛深深地吸引&#xff0…...

编程日记 2023/8/4 23:49:32

P1144 最短路计数

最短路计数题目描述给出一个 N N N 个顶点 M M M 条边的无向无权图，顶点编号为 1 ∼ N 1\sim N 1∼N。问从顶点 1 1 1 开始，到其他每个点的最短路有几条。输入格式第一行包含 2 2 2 个正整数 N , M N,M N,M，为图的顶点数与边数…...

编程日记 2023/8/4 23:48:31

Docker入门之命令

Docker命令学习方式 docker -h docker run --help # 这种形式参考 # 官方帮助 # https://docs.docker.com/reference/ Docker中命令是一等公民, 容器是为命令服务的,甚至启动容器都是为了执行一个命令 run docker run -i -t --name c1 centos:latest bash # 翻译: docker ru…...

编程日记 2023/8/4 23:47:30

XCTF-web-easyupload

试了试php，php7，pht，phtml等，都没有用尝试.user.ini 抓包修改将.user.ini修改为jpg图片在上传一个123.jpg 用蚁剑连接，得到flag...

编程新知 2025/8/17 22:50:10

【Oracle APEX开发小技巧12】

有如下需求： 有一个问题反馈页面，要实现在apex页面展示能直观看到反馈时间超过7天未处理的数据，方便管理员及时处理反馈。我的方法：直接将逻辑写在SQL中，这样可以直接在页面展示完整代码： SELECTSF.FE…...

编程新知 2025/8/11 10:28:57

Redis相关知识总结（缓存雪崩，缓存穿透，缓存击穿，Redis实现分布式锁，如何保持数据库和缓存一致）

文章目录 1.什么是Redis？2.为什么要使用redis作为mysql的缓存？3.什么是缓存雪崩、缓存穿透、缓存击穿？3.1缓存雪崩3.1.1 大量缓存同时过期3.1.2 Redis宕机 3.2 缓存击穿3.3 缓存穿透3.4 总结 4. 数据库和缓存如何保持一致性5. Redis实现分布式…...

编程新知 2025/8/18 13:27:04