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

前端基础自学整理｜DOM树

news 2026/5/20 11:29:17

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

RimSort终极指南：开源跨平台RimWorld模组管理器完全解析

RimSort终极指南&#xff1a;开源跨平台RimWorld模组管理器完全解析 【免费下载链接】RimSort RimSort is an open source mod manager for the video game RimWorld. There is support for Linux, Mac, and Windows, built from the ground up to be a reliable, community-ma…...

编程新知 2026/5/20 11:16:32

计算机视觉：YOLOv12安装环境

YOLOv12安装环境 一、工具软件准备 1、yolov12 1&#xff09;下载yolov12主体部分 推荐官方地址&#xff1a;https://github.com/sunsmarterjie/yolov12 2&#xff09;下载训练模型 地址&#xff1a; https://github.com/sunsmarterjie/yolov12 3&#xff09;安装命令和p…...

编程新知 2026/5/20 11:10:25

告别Resources和AssetBundle！用Unity Addressable重构你的资源管理（附迁移实战）

Unity Addressable系统深度重构&#xff1a;从传统资源管理到现代化架构的平滑迁移 在Unity项目开发中&#xff0c;资源管理一直是困扰开发者的核心难题之一。随着项目规模扩大&#xff0c;传统的Resources加载和AssetBundle管理方案逐渐暴露出性能瓶颈、热更新困难、依赖管理复…...

编程新知 2026/5/20 11:07:59

从零到部署：在Linux服务器上用Python搭建并调用WPS地理处理服务

从零到部署&#xff1a;在Linux服务器上用Python搭建并调用WPS地理处理服务 当遥感影像分析遇上自动化处理流程&#xff0c;地理信息系统&#xff08;GIS&#xff09;开发者常面临一个关键挑战&#xff1a;如何将复杂的空间运算封装成可远程调用的标准化服务&#xff1f;这正是…...

编程新知 2026/5/20 10:04:59

CANopen设备配置不求人：手把手教你用EDS/DCF文件玩转对象字典

CANopen设备配置实战&#xff1a;从EDS/DCF解析到对象字典高效配置 在工业自动化领域&#xff0c;CANopen协议因其开放性和灵活性成为设备互联的主流选择。而对象字典(Object Dictionary)作为CANopen设备的核心配置数据库&#xff0c;其管理效率直接影响项目开发周期。本文将带…...

编程新知 2026/5/20 10:03:16

Autovisor智慧树刷课终极指南：2025最全自动化学习解决方案

Autovisor智慧树刷课终极指南&#xff1a;2025最全自动化学习解决方案 【免费下载链接】Autovisor 2025智慧树刷课脚本 基于Python Playwright的自动化程序 [有免安装版] 项目地址: https://gitcode.com/gh_mirrors/au/Autovisor 还在为智慧树网课而烦恼吗&#xff1f;每…...

编程新知 2026/5/20 9:30:14

ToastFish：终极Windows通知栏摸鱼背单词神器，上班族必备的隐蔽学习工具

ToastFish&#xff1a;终极Windows通知栏摸鱼背单词神器&#xff0c;上班族必备的隐蔽学习工具 【免费下载链接】ToastFish 一个利用摸鱼时间背单词的软件。 项目地址: https://gitcode.com/GitHub_Trending/to/ToastFish 你是否厌倦了枯燥的背单词软件&#xff1f;Toas…...

编程新知 2026/5/20 7:14:44

AI英语智能体的开发

构建一个专门用于英语学习的AI智能体&#xff08;AI Agent&#xff09;&#xff0c;核心在于如何将大语言模型&#xff08;LLM&#xff09;的通用能力&#xff0c;转化为符合二语习得&#xff08;SLA&#xff09;理论的教学逻辑。这类智能体不仅需要“懂英语”&#xff0c;更需…...

编程新知 2026/5/20 7:00:56

C# 环境：深入解析与应用

C# 环境：深入解析与应用 引言 C#（读作“C Sharp”）是一种由微软开发的高级编程语言，广泛应用于Windows平台的应用程序开发。自从2002年推出以来，C#已经成为了全球开发者喜爱的编程语言之一。本文将深入解析C#环境，包括其特点、应用场景以及开发环境搭建等。 C#环境概述…...

编程新知 2026/5/20 6:58:34

【Perplexity专利搜索黄金法则】：20年资深IP专家首度公开3大反直觉检索技巧

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;Perplexity专利搜索黄金法则的底层逻辑 Perplexity 作为基于语言模型的智能搜索工具&#xff0c;其在专利检索场景中的卓越表现并非源于简单关键词匹配&#xff0c;而是植根于对专利文本结构化语义、法…...

编程新知 2026/5/20 6:51:53