在js中html标签id会被当做变量处理?

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.5k累计阅读 2.6k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄11年

关注

原创最新推荐文章于 2026-05-19 09:55:19 发布 2.5k 阅读 AI 写同款· GEO 优化 ›

HTML 基础知识：HTML 中的类、ID 和名称假设，在上面的例子中;用于标识一组具有某些相似性的元素（例如，具有相同样式的元素或具有相同功能的元素）。的元素，我们给它一个红色的背景色。这不会引发任何警告，因为具有相同类名的不同元素是正常的。id 对于 HTML 页面中的每个元素都是唯一的，而多个元素可以具有相同的类。我们经常需要针对一个特定的元素或一组特定的元素来实现不同的功能，如样式。如果我们尝试为文档中的两个不同元素提供相同的 id，我们将收到警告。使用 id，我们可以轻松地使用 CSS 定位元素并操纵它们的样式。因此，假设我们要更改元素的背景。阅读详情

今天在书写代码时，因为失误在js中使用了一个没有定义的变量，代码运行报错，在控制台输出该变量时，输出一段html标签语句，感到很奇怪！搜索整个js文件，都没有发现对该变量进行过声明、赋值，后来发现在html文档中有使用该变量名称的标签id，并且在控制台输出该id，其结果和使用document.getElementById(ID)的竟然结果一致。
在这里插入图片描述

收录于

javascript

当前文章被收录于：

javascript

13 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#标签id #html #变量

JS中的变量动态填充HTML标签里的内容 JS中的变量动态填充至HTML中阅读详情

相关推荐

原生javascript创建html标签-h5兼容处理--小技巧

HTML5兼容最新版本的Chrome、Firefox、Safari、Opera支持部分HTML5特性。IE9支持部分HTML5特性 HTML5新标签在IE低版本中有兼容问题： 1）使用JavaScript新增元素的方式解决： <script> var ele = document.createElement("header"); //...

JackieDYH的博客 1062

jquery中用变量作为$()里面的id值

jquery使用变量作为id的写法: var a = "company";//定义的变量 $("#"+a).html(111);//将变量a作为id拼接在#后面后台传来的值（position是后台传来的值，使用EL表达式来拼接id的值）： $("#"+'${position}').html(111);//将变量a作为

想和派大星一样 1万+

html 标签ID可以是变量

有时候我们需要用js动态的获取id,而且id应该是不一样的，所以一般用随机数+变量等方法。

js属性名用变量代替

在前端中，我们有时候需要利用变量名来设置属性名，虽然不是很常见，但是也是一个应用场景。这时候，我们如果想当然的，直接使用变量来设置，那么可能不会达到我们想要的结果的。我们先来通过示例来演示一下。假设，我们希望设置user = {name:"buejee"}，变量a = "name"，我们直接用变量设置：得到的结果出乎意料，并不是我们想要的{name:"buejee"}，而是{a:"buejee"}。 1、如下所示，我们改变一下，通过中括号[]方式设置...

feinifi的博客 2017

手把手复现金蝶云星空V8.1文件上传漏洞（附完整POC与修复方案）

本文深度解析金蝶云星空V8.1文件上传漏洞，提供详细的漏洞复现步骤与完整POC，涵盖技术原理、测试环境搭建及验证流程。同时给出多维防护方案，包括官方补丁部署、临时缓解措施和长期安全加固建议，帮助企业有效防范任意文件上传风险。

weixin_30505225的博客 179

基于决策树的英雄联盟比赛胜负预测（含完整代码）

在代码中设置随机种子（例如 RANDOM_SEED = 2024）的主要目的是为了确保每次运行代码时，随机过程的结果是一致的。通过绘制不同参数组合下的准确率图，直观地展示了参数对模型性能的影响，帮助读者更好地理解和选择合适的参数。通过设置相同的随机种子（伪随机数），可以确保每次运行代码时，随机数生成器生成的随机数序列是相同的。如果在开发过程中遇到问题，设置固定的随机种子可以帮助你更容易地定位问题，因为每次运行代码时的数据和结果都是一样的。在科学研究和实验中，结果的可重复性是非常重要的。

oisflo的博客 1919

DOM _ 认识版

目录认识 DOM 获取元素操作元素内容操作元素属性操作元素样式操作元素类名认识 DOM 节点认识 DOM 全名: Document Object Model 文档对象模型 => 私人: 一整套操作文档流的属性和方法 => 其实就是在操作页面元素 -> 操作页面元素改变文本内容 -> 操作页面元素改变样式 -> 操作删除一个页面元素 -> 操作添加一个页面元素 -> ... + DOM 是以树状结构出现的 (抽象结构) =

Mr.小灰狼_随笔 262

运放+三极管构建LED恒流驱动电路：原理、设计与调试全解析

在电子工程领域，恒流源是一种能够提供稳定输出电流的电路，其核心原理基于负反馈控制机制。通过将输出电流采样转化为电压信号，并与一个稳定的参考电压进行比较，系统自动调节功率器件的导通状态，从而抵消输入电压波动或负载变化带来的影响，实现电流恒定。这种技术对于驱动LED、激光二极管等电流敏感型器件具有重要价值，能确保亮度、色温的一致性，并延长器件寿命。本文以经典的运放结合三极管方案为例，深入剖析其如何实现精准的电流“钳位”。该方案利用通用运算放大器作为比较器，配合三极管构成调整管，通过采样电阻实时监测电流，形成了一

weixin_42525800的博客 492

html 元素id代表此元素!

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cs</title> </head> <body> <p id=&

weixin_42193179的博客 385

ESP32系列之LVGL（四）：输入设备（外部按键）对接

本文详细介绍了如何在ESP32上使用LVGL库对接外部按键作为输入设备，包括硬件连接、驱动层实现和LVGL输入设备移植。通过具体代码示例和实战案例，帮助开发者快速实现按键控制UI界面，解决常见问题如按键无反应和控件跳转不正常。

weixin_30907935的博客 241

抖音视频数据抓取

最近经常有人问我抓取抖音视频的数据，问我一些很小白的问题，算法给他也不会用。还是先抓包，获取需要的接口和参数，相关的算法在其它文章里面有描述。搜索个视频看看查看抓的包信息: 可以看到，这里是post请求...

2501_91048859的博客 3097

JavaScript——关于JavaScript、在HTML中嵌入JS代码的三种方式、变量

JS函数类似Java中的方法Java中定义方法的格式是[修饰符列表]返回值类型方法名(形式参数列表){方法体;}JS是一种弱类型，JS中的函数不需要指定返回值类型，返回什么类型都行函数的定义格式是//第一种方式function函数名(形式参数列表){函数体;}//第二种方式函数名=function(形式参数列表){函数体;}例如函数//a和b都是局部变量,他们都是形参(a和b都是变量名，变量名随意。配合单击按钮框的逻辑完整代码如下...

胖虎虎 4667

芒果YOLOv12改进90：检测头篇之ShareSepHead：即插即用｜原创新颖共享Sep检测头，更省参数量，更高效，打造新型YOLOv8检测器，精度高效涨点

包括YOLOv5、YOLOv7、YOLOv8等模型改进 343

如何获取某个标签下所有的元素id_JavaScript查找HTML元素

目录html标签和元素的区别通过id查找HTML元素通过class查找HTML元素通过标签名查找HTML元素补漏querySelector和querySelectorAll通常，通过 JavaScript，您需要操作 HTML 元素。为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：通过id找到HTML元素通过标签名找到HTML元素通过类名找到HTML元素html标签和元素的区别说到这...

weixin_39686230的博客 1145

STM32芯片解锁读写保护：更改Option Byte [Error已解决]

解锁读保护：STLink更改Option Byte 变Level从1变为0，点击Apply即可。（程序执行读保护，其实是将Level从0变为1）默认情况下该保护功能是不开启的，若要开启该功能，需要改写内部FLASH选项字节(Option Bytes)中的配置。 RDP读保护级别级别0，无保护，级别1，使能读保护，这种保护下，若使用调试功能(使用下载器、仿真器)或者从内部SRAM自举时都不能对内部FLASH及备份SRAM作任何访问(读写、擦除都被禁止)；当芯片处于级别1的时候，可以把选项字节

HowieXue 薛永浩的博客 2万+

C盘在同一时间突然多出100g的文件，请问是什么原因，以及是否能删除？

🏆本文收录于《全栈Bug调优(实战版)》专栏，该专栏专注于分享我在真实项目开发中遇到的各类疑难Bug及其深层成因，并系统提供高效、可复现的解决思路和实操方案。无论你是刚入行的新手开发者，还是拥有多年项目经验的资深工程师，本专栏都将为你提供一条系统化、高质量的问题排查与优化路径，助力你加速成长，攻克技术壁垒，迈向技术价值最大化与职业发展的更高峰🚀！

**My Coding Family** 1755

HTML、CSS、JS常用语法及标签

weixin_74760418的博客 1563

汉书HE8，好用的汇编代码编写工具

汉书HE8，好用的汇编代码编写工具早期编写汇编代码所用功能强大

HTML标签和JS中设置CSS3 var变量

一、HTML标签中设置CSS变量如下： <div style="--color: #cd0000;"> <img src="mm.jpg" style="border: 10px solid var(--color);"> </div> 直接正常CSS语句一样在style属性中设置即可。效果如下截图：二、JS中设置CSS变量如下，HTML示...

大前端 3893

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

html标签ID可以是变量

">,调用的时候必须用var1的实际值了 JS里面也是一样 document.getElementById(" ");

photon 3401

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

【编程实践/JavaScript】使用JavaScript对html标签进行修改

目录前言修改步骤检验效果前言最近抱着玩的态度接触了一下JavaScript，不得不说JS还是有很多玩功能的，例如我接下来我将记下如何用JavaScript对html标签进行修改~~（入门级）~~ 其实即使不是搞前端的，对于html标签应该也有所了解。当然，如果单纯采用html5语法，标签是静态的。因此如果你想加个逻辑上去，就可以采用JavaScript 例如，有这么一段html代码 <body> <p>111</p> <a

m0_51274130的博客 2670

html css js 标签语法说明

是HTML中的一个标签，用于定义文档中的一个分隔区块或一个容器。标签本身并没有特定的样式或行为，它主要是作为一个容器元素，通过CSS样式或JavaScript来赋予其特定的外观和功能。对象提供的一个方法，用于通过元素的 ID 获取对应的 HTML 元素。声明的变量具有函数作用域，这意味着它们在包含它们的函数内部是可见的，并且在函数外部是不可见的。是 JavaScript 中的一个控制流语句，用于根据表达式的值执行不同的代码块。元素用于包含文档的元信息，如标题、样式表、脚本等，但它不包含实际的页面内容。

weixin_62428951的博客 1980

html中如何找到成对标签,操作html标签之找到标签

引入丰富多彩的html标签构成了网页。例如p,div,li,ul,a......……。它们都有自己默认的样式，且各不一样，例如h1标签就比p标签的margin要大一些。我们学习css的目的是为了改变它们自己的默认样式，而按我们自己通过css代码设置的样式去呈现出来。那我们学习js的目的是什么呢？两个字 “交互“。谁与谁交互？html页面与用户进行交互。例如：当我们把鼠标移动到某个标签上时，让他突出...

weixin_29769523的博客 1197

在HTML中引用JavaScript中的变量

和上次的代码几乎一样，但这次是引用已经写好的变量。主要功能和用法如下： document对象的getElementId方法得到HTML元素。 HTML元素的value属性可以用来设置变量的值。 02.html <!DOCTYPE html> <html> <head> <title>在HTML中引用JavaScrip...

weixin_30551947的博客 5261

js动态添加html页签（JavaScript 拼接html标签代码）

目录情形：需求实现：分析实现页面：前端总结：仔细再仔细情形：最近遇到这样一个情况：需要实现动态增加页面，可以添加页面，页面的内容需要能保存，修改和删除。页面的名字可编辑，并且要实现单击页面切换，双击编辑页面名字文本。最后结果就是这样：实现：最先开始决定用组建，先找的bootspript的表格，但是后来发现这个组建并不能满足我的需求，他无法添加可编辑名...

云海的博客 2万+

在html里写js,在js里输出html，在输出的html里调用js的变量

今天遇到的问题是：前端获取json,通过 innerHTML输出数组的各项，其中<img src="">里面的路径是json返回的一部分，简单说就是在html里写js,在js里输出html，在输出的html里调用js的变量。引号一直加不对位置，最后看了https://bbs...