元素的ID慎用length

最新推荐文章于 2025-08-11 22:14:48 发布
原创 最新推荐文章于 2025-08-11 22:14:48 发布 · 985 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#input #xhtml #firefox #html #function #文档

本文通过一段示例代码展示了当HTML中的input元素ID与预期获取的元素数量相同时可能引发的问题。在该示例中，由于ID为'length'的input元素存在，使用JavaScript获取页面中所有input元素的数量时会返回0。文章提醒开发者注意此类细节以避免潜在的bug。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 先来看看一段错误的代码： 

 

这段代码中第一个input的ID为length,我们可以在Ie,firefox的结果都是0，这些都是<input type="text" id="length"/>惹的祸，因此我们可要注意了

slalx
关注
SnowFlake分布式唯一ID 生成器
diyujun6099的博客
08-01 1869
Snowflake生成IDtwitter开发的一套全局唯一ID生成算法，要点如下：41位的时间序列(精确到毫秒，41位的长度可以使用69年) 10位的机器标识(10位的长度最多支持部署1024个节点) 12位的计数顺序号(12位的计数顺序号支持每个节点每毫秒产生4096个ID序号) 最高位是符号位，始终为0。简单可靠，性能好，趋势有序，不引入第三方系统。缺点是有使用时间限制，8-100年...
Java 生成最大16位唯一数字ID，百万并发不重复
weixin_45922571的博客
08-24 7409
在开发过程中，集成了mybatis-plus，数据库在设计过程中，ID逐渐并没有使用自增的方式来生成逐渐，而是采用了它默认的ID生成规则，由于考虑到ID索引查询到问题，因此ID字段设置为数字类型，考虑到业务可能出现的增长，因此ID设置为bigint类型，而Java对应的属性为Long类型。 但是在实际使用中发现，默认生成的ID基本都是20位长度，由于前端js 最多只能识别16位ID，超过16位ID就会失去精度，起初考虑全局过滤，在返回给前端时将ID转换成string，但是觉得...
判断jquery对象是否存在 用 $("#id").length>0
殇沫流年的专栏
03-01 2657
一、判断jquery对象是否存在 用下面的 jQuery 代码判断一个对象是否存在，是不能用的 if($("[id=''###]")){  }else{}  因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用： if($("#id").length>0){ }else{} 
【SQL学习篇】order by length(ID),ID 排序
毛兔记录：工作小技巧、遇到的一些典型bug、问题汇总、小知识。
09-12 1830
当使用order by排序出现以下情况，是因为该字段编码不是NUMBER，导致按字符的形式排序了 这时，使用order by length(ID),ID即可
.length和.length()
执笔的博客
04-01 3432
1.length属性是针对Java中的数组来说的，要求数组的长度可以用其length属性；2.length()方法是针对字符串来说的，要求一个字符串的长度就要用到它的length()方法；...
JavaScript常用语句解析与慎用提示
5. **获取元素属性**：`getElementById`方法可以用来获取ID匹配的HTML元素，然后通过`.name`或`.value`访问其属性。 6. **字符串转换**：`toUpperCase()`方法将字符串转换为大写，`toLowerCase()`则转换为小写。 7...
uni-app vue2 给id为"zbTables"里面的class="item-tr"的view里面的最后一个元素添加class样式，他是动态数据，是后生成的
06-07
### 方法二：CSS 伪类选择器（慎用，注意兼容性） ```html <view id="zbTables"> (row, rowIndex) in tableData" :key="rowIndex" class="item-tr"> (cell, cellIndex) in row.cells" :key="cellIndex"> {{ ...
CameraImuParams是结构体，添加具体的元素示例
07-06
- **`insert` 慎用**：仅在必须插入特定位置时使用，因会导致元素移动 - **迭代器失效**：插入操作后原有迭代器可能失效[^2] - **结构体设计**： - 提供移动构造函数提升性能 - 对大型成员（如 `distortion_coeffs...
uni-table id相同的行合并
07-10
在渲染非第一行时，ID列的位置我们用一个空白单元格（但设置样式为隐藏边框，背景透明等）占位，并且设置rowspan（但rowspan只能设置一次，所以不能重复设置）。所以，我们只能将该空白单元格设置为一个普通的单元格...
swift webview 执行js代码隐藏网页指定的标签元素，需要的优化点
07-04
){//使用CSS类的方式隐藏元素（假设元素id为"targetElement"）let js="""varstyle= document.createElement('style');style.type= 'text/css';style.innerHTML= '.hidden {display:none;}';document.head....
ESLint错误解析
热门推荐
小僵尸打字员的博客
01-12 1万+
“no-alert”: 0,//禁止使用alert confirm prompt “no-array-constructor”: 2,//禁止使用数组构造器 “no-bitwise”: 0,//禁止使用按位运算符 “no-caller”: 1,//禁止使用arguments.caller或arguments.callee “no-catch-shadow”: 2,//禁止catch子句参数
关于String中length()方法注意的问题
一个真正靠自己的人才会懂得珍惜什么
11-20 3166
  今天在使用struts的时候，从jsp表单获取一个checkbox的值时(多记录)，如果我的第一行记录的没有选择，那么用String userid = request.getParameter("uselect"+i);得到值时,返回的是null，在后面的我判断这个值是否为空，用下面方法去判断if (userid.length > 0 && userid != null)去判断，总是报java
去掉字符串前面的特定字符
duyunduzai的专栏
05-29 1931
小功能，记录下，以后可以直接用 去掉一个字符串前面的特定字符，比如现在数据，有的字符串前面有0，一个或者若干个，有的没有，现在需要去掉字符串前面的0，直到第一个不为0的字符，程序如下： private String removeZeroFromShopId(String shopId) { // 声明一个StringBuffer对象 StringBuffer sb = n...
表单长度判断
12-01 550
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>验证表单的长度</title> </head> <body> <style> table,tr,td{border: 1px solid #ddd;} ...
jquery 判断id节点是否存在以及file节点是否有文件
罗格的博客
09-27 301
$("#id_").length > 0; 表示id_的节点是否存在 $("#id_").get(0).files.length > 0;表示 id=id_的input的file节点是否有文件
11. HTML 中 DOCTYPE 的作用
weixin_64684095的博客
07-22 571
H5 的声明HTML5 的 DOCTYPE 声明HTML5 中的声明用于告诉浏览器当前文档使用的是 HTML5 的文档类型。它必须是文档中的第一行内容（在任何 HTML 标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE 的作用触发标准模式DOCTYPE声明的主要作用是让浏览器以标准模式（Standards Mode）来解析和渲染页面，而不是以兼容模式（Quirks Mode）。兼容性：在没有DOCTYPE声明的情况下，浏览器可能会进入兼容模式，这会导致页面的布局和样式表现不一致。
tomcat
最新发布
weixin_73928968的博客
08-11 168
session共享服务器。关闭tomcat-b。
HTML已死，HTML万岁——重新思考DOM的底层设计理念
2301_79342058的博客
08-07 936
《Web技术亟需革新：DOM、HTML与CSS的历史包袱》文章指出当前Web技术发展陷入瓶颈，客户端体验十年未变。DOM已变得异常臃肿（Chrome中document.body含350+属性），HTML在过去15年几乎停滞，CSS布局存在心智模型错位问题。WebComponents因设计缺陷未能成为主流解决方案，SVG与CSS的融合反而造成混乱。文章认为当前技术堆栈已无法满足现代Web应用需求，建议开放底层能力，重新设计去除历史负担的新架构。作者呼吁关注Servo等实验性项目，认为Web技术亟需突破传统DO
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值