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

前端基础自学整理｜DOM树

news 2025/12/29 6:12:06

DOM，文档对象模型（Document Object Model），简单的说，DOM是一种理念，一种思想，一个与系统平台和编程语言无关的接口，一种方法, 使 Web开发人员可以访问HTML元素！不是具体方法。

HTML DOM(Document object Model文档对象模型)

一、DOM树的结构

DOM模型将整个文档（XML文档和HTML文档）看成一个树形结构，

在DOM中，HTML文档的层次结构被表示为一个树形结构。并用document对象表示该文档，树的每个子节点表示HTML文档中的不同内容。 每个载入浏览器的 HTML 文档都会成为 Document 对象,Document是探索DOM的入口,利用全局变量document可以访问Document对象

  • 利用HTML把网页标记为各种元素

  • 利用CSS设置元素样式及其显示位置

  • 利用JavaScript操控页面元素和样式，javascript实现DOM接口的对象对应的是document对象，JS通过该对象来对HTML/XML文档进行增删改查。

二、DOM基本操作思维导图

【参考】如图水印 

相关文章：

前端基础自学整理｜DOM树

DOM，文档对象模型（Document Object Model），简单的说，DOM是一种理念，一种思想，一个与系统平台和编程语言无关的接口，一种方法, 使 Web开发人员可以访问HTML元素！不是具体方…...

编程日记 2024/2/23 3:34:02

RedisDesktopManager无法远程连接到Linux虚拟机中Redis的docker容器的一种解决方案

1.问题描述 除了RedisDesktopManager以外，使用java代码也无法连接到centos7虚拟机中的docker容器中的Redis ，按照网上其他博主的解决方案，在排除Linux防火墙问题，端口映射问题，redis.conf配置文件问题以后&#xff0c…...

编程日记 2024/2/23 3:31:59

HarmonyOS 权限 介绍

权限说明 权限等级 根据权限对于不同等级应用有不同的开放范围，权限类型对应分为以下三种，等级依次提高。 normal权限 normal 权限允许应用访问超出默认规则外的普通系统资源。 这些系统资源的开放（包括数据和功能）对用户隐私以及…...

编程日记 2024/2/23 3:27:56

算法训练营day33(补)，复习二叉树1

// 889. 根据前序和后序遍历构造二叉树 // 前序中左右 后序遍历左右中 func constructFromPrePost(preorder []int, postorder []int) *TreeNode { if len(preorder) 0 { return nil } root : &TreeNode{} root.Val preorder[0] //前序数组去掉root节点 preorder pre…...

编程日记 2024/2/23 3:25:54

k8s-权限管理

1. 身份认证 我们在目前的k8s集群环境里面，只能在master节点上执行kubectl的一些命令，在其他节点上执行就会报错 # 看一下是不是 [rootnode1 ~]# kubectl get nodes E0220 12:50:15.695133 6091 memcache.go:238] couldnt get current server API gro…...

编程日记 2024/2/23 3:24:53

四.QT5工具安装和环境变量的配置

1.以管理员身份运行安装包 2.登录qt账号，点击【next】 3.选中同意 4.选择安装目录，注意不能有中文和空格 5.勾选 64位 mingw。点击【next】，等待安装完成 6.配置环境变量...

编程日记 2024/2/23 3:23:52

为什么需要MDL锁

点击上方蓝字关注我 在数据库管理中，元数据（metadata）的保护至关重要，而MySQL中的"元数据锁"（MDL锁）就是它的守护者。 1. 什么是MDL锁MDL锁，全名Metadata Lock，是MySQL中…...

编程日记 2024/2/23 3:22:51

nuxt项目搭建

1.先下载nuxt脚手架 yarn create nuxt-app <项目名>&#xff0c;记得安装完项目&#xff0c;npm i,下载node包 目录介绍 components 存放组件分别是头部&#xff08;包含导航&#xff09;和底部 layouts 页面布局&#xff0c;实现一个页面整体架构规则&#xff0c;头…...

编程日记 2024/2/23 3:17:46

RocketMQ消息队列（上）

什么是RocketMQ RocketMQ作为一款纯java、分布式、队列模型的开源消息中间件&#xff0c;支持事务消息、顺序消息、批量消息、定时消息、消息回溯等。主要功能是异步解耦和流量削峰。 常见的MQ主要有&#xff1a;ActiveMQ、RabbitMQ、Kafka、RocketMQ 四种MQ的对比 特性Act…...

编程日记 2024/2/23 3:15:44

【机器学习】机器学习是什么以及有哪些应用场景

机器学习是什么以及有哪些应用场景 一、机器学习是什么二、机器学习有哪些应用场景三、如何学习机器学习 一、机器学习是什么 机器学习&#xff08;Machine Learning, ML&#xff09;是一种计算机科学技术&#xff0c;它允许计算机系统在没有明确编程的情况下通过从数据中学习…...

编程日记 2024/2/23 3:14:42

vue3 #跨组件通信

//爷爷组件中 import { provide , ref } from vue const money ref (100) //定义数据 provide( money , money ) //提供数据给孙子组件 const changeMoney ( m:number ) > { //定义函数 if (money) { money.value money.value - m } } provide(&quo…...

编程日记 2024/2/23 3:12:40

【AI绘画工具有哪些？】讲解

AI绘画工具有哪些&#xff1f; AI绘画工具有哪些&#xff1f; AI绘画工具有哪些&#xff1f; 截至现在&#xff0c;有多种AI绘画工具被广泛使用。以下是一些流行的AI画图工具和平台&#xff1a; 1. DeepArt - 利用神经网络将你的照片转换成类似著名画家作品的艺术作品。 2. …...

编程日记 2024/2/23 3:09:38

在Vue中使用TypeScript时 props指定枚举类型

推荐一款AI网站 AI写作与AI绘画智能创作平台 - 海鲸AI | 智能AI助手&#xff0c;可以免费领取GPT3.5无限卡 在Vue中使用TypeScript时&#xff0c;您可以通过定义一个枚举类型&#xff0c;然后在组件的props定义中使用这个枚举来指定props的类型。以下是一个如何做到这一点的例子…...

编程日记 2024/2/23 3:06:34

快速将excel/word表格转换为web页面(html)的方法

前言 在进行开发企业信息化建设的过程&#xff0c;应该有很多这样的场景&#xff0c;就是将现有的电子表格记录的方式转换为在数据系统中进行网页上报。也就是需要根据当前一直使用的表格制作一个上传这个表格信息的网页&#xff0c;如果要减少系统的使用学习成本&#xff0c;…...

编程日记 2024/2/23 2:59:26

想高薪就业鸿蒙HarmonyOS 开发岗位，到底该学习些啥？

鸿蒙是什么&#xff1f; 经过十多年的发展&#xff0c;传统移动互联网的增长红利已渐见顶。万物互联时代正在开启&#xff0c;应用的设备底座将从几十亿手机扩展到数百亿 IoT 设备。GSMA 预测到 2025 年&#xff0c;全球物联网终端连接数量将达 246 亿个&#xff0c;其中消费物…...

编程日记 2024/2/23 2:58:25

Java中的建造者模式

建造者模式&#xff08;Builder Pattern&#xff09;是一种创建型设计模式&#xff0c;用于创建复杂对象。它将对象的创建过程分离出来&#xff0c;使得构建过程可以独立于对象本身的表示和组成。 在Java中&#xff0c;建造者模式的实现通常涉及以下几个角色&#xff1a; Prod…...

编程日记 2024/2/23 2:57:24

机器学习面试：逻辑回归与朴素贝叶斯区别

逻辑回归与朴素贝叶斯区别有以下几个方面: (1)逻辑回归是判别模型&#xff0c;朴素贝叶斯是生成模型&#xff0c;所以生成和判别的所有区别它们都有。 (2)朴素贝叶斯属于贝叶斯&#xff0c;逻辑回归是最大似然&#xff0c;两种概率哲学间的区别。 (3)朴素贝叶斯需要条件独立假设…...

编程日记 2024/2/23 2:55:22

数据结构之线性表

线性表 数据结构之线性表一、基本定义1、线性表的概念、定义&#xff0c;特点&#xff0c;线性表抽象数据类型定义2、其他 二、线性表的顺序表示与实现1、静态顺序表2、静态表 三、线性表的链式表示与实现1、单链表包含了指针的知识&#xff0c;是第一部分的重难点2、特点3、代…...

编程日记 2024/2/23 2:54:21

记录解决uniapp使用uview-plus在vue3+vite+ts项目中打包后样式不能显示问题

一、背景 从 vue2+uview1 升级到 vue3+vite+ts+uview-plus ,uview组件样式打包后不显示，升级前uview 组件是可以正常显示，升级后本地运行是可以正常显示，但是打包发布成H5后uview的组件无法正常显示，其他uniapp自己的组件可以正常显示。折腾了很久，这里记录下我是如何解决…...

编程日记 2024/2/23 2:51:18

三年功能测试，测试工作吐槽

概述 大家好&#xff0c;我是洋子。有很多粉丝朋友目前还是在做功能测试&#xff0c;日常会遇到很多繁琐&#xff0c;棘手的问题&#xff0c;今天分享一篇在testerhome社区的帖子《三年功能测试&#xff0c;测试工作吐槽》 原文链接https://testerhome.com/topics/38546 这篇文…...

编程日记 2024/2/23 2:50:17

java调用dll出现unsatisfiedLinkError以及JNA和JNI的区别

UnsatisfiedLinkError 在对接硬件设备中&#xff0c;我们会遇到使用 java 调用 dll文件 的情况&#xff0c;此时大概率出现UnsatisfiedLinkError链接错误&#xff0c;原因可能有如下几种 类名错误包名错误方法名参数错误使用 JNI 协议调用&#xff0c;结果 dll 未实现 JNI 协…...

编程新知 2025/10/6 16:38:04

工程地质软件市场：发展现状、趋势与策略建议

一、引言 在工程建设领域&#xff0c;准确把握地质条件是确保项目顺利推进和安全运营的关键。工程地质软件作为处理、分析、模拟和展示工程地质数据的重要工具&#xff0c;正发挥着日益重要的作用。它凭借强大的数据处理能力、三维建模功能、空间分析工具和可视化展示手段&…...

编程新知 2025/10/6 6:10:29

SpringTask-03.入门案例

一.入门案例 启动类&#xff1a; package com.sky;import lombok.extern.slf4j.Slf4j; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.cache.annotation.EnableCach…...

编程新知 2025/12/20 21:21:13

10-Oracle 23 ai Vector Search 概述和参数

一、Oracle AI Vector Search 概述 企业和个人都在尝试各种AI&#xff0c;使用客户端或是内部自己搭建集成大模型的终端&#xff0c;加速与大型语言模型&#xff08;LLM&#xff09;的结合&#xff0c;同时使用检索增强生成&#xff08;Retrieval Augmented Generation &#…...

编程新知 2025/12/26 22:37:49

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数

高效线程安全的单例模式：Python 中的懒加载与自定义初始化参数 在软件开发中，单例模式（Singleton Pattern）是一种常见的设计模式，确保一个类仅有一个实例，并提供一个全局访问点。在多线程环境下，实现单例模式时需要注意线程安全问题，以防止多个线程同时创建实例，导致…...

编程新知 2025/11/25 19:50:27

云原生安全实战：API网关Kong的鉴权与限流详解

&#x1f525;「炎码工坊」技术弹药已装填&#xff01; 点击关注 → 解锁工业级干货【工具实测|项目避坑|源码燃烧指南】 一、基础概念 1. API网关&#xff08;API Gateway&#xff09; API网关是微服务架构中的核心组件&#xff0c;负责统一管理所有API的流量入口。它像一座…...

编程新知 2025/12/28 3:50:48

MySQL 部分重点知识篇

一、数据库对象 1. 主键 定义 &#xff1a;主键是用于唯一标识表中每一行记录的字段或字段组合。它具有唯一性和非空性特点。 作用 &#xff1a;确保数据的完整性&#xff0c;便于数据的查询和管理。 示例 &#xff1a;在学生信息表中&#xff0c;学号可以作为主键&#xff…...

编程新知 2025/8/19 22:24:50

HybridVLA——让单一LLM同时具备扩散和自回归动作预测能力：训练时既扩散也回归，但推理时则扩散

前言 如上一篇文章《dexcap升级版之DexWild》中的前言部分所说&#xff0c;在叠衣服的过程中&#xff0c;我会带着团队对比各种模型、方法、策略&#xff0c;毕竟针对各个场景始终寻找更优的解决方案&#xff0c;是我个人和我司「七月在线」的职责之一 且个人认为&#xff0c…...

编程新知 2025/12/24 20:25:47

DeepSeek源码深度解析 × 华为仓颉语言编程精粹——从MoE架构到全场景开发生态

前言 在人工智能技术飞速发展的今天&#xff0c;深度学习与大模型技术已成为推动行业变革的核心驱动力&#xff0c;而高效、灵活的开发工具与编程语言则为技术创新提供了重要支撑。本书以两大前沿技术领域为核心&#xff0c;系统性地呈现了两部深度技术著作的精华&#xff1a;…...

编程新知 2025/12/24 20:20:46

MySQL体系架构解析（三）：MySQL目录与启动配置全解析

MySQL中的目录和文件 bin目录 在 MySQL 的安装目录下有一个特别重要的 bin 目录&#xff0c;这个目录下存放着许多可执行文件。与其他系统的可执行文件类似&#xff0c;这些可执行文件都是与服务器和客户端程序相关的。 启动MySQL服务器程序 在 UNIX 系统中&#xff0c;用…...

编程新知 2025/12/25 12:36:24