元素的ID慎用length

最新推荐文章于 2025-12-04 23:20:36 发布
原创 最新推荐文章于 2025-12-04 23:20:36 发布 · 1k 阅读 · 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。

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

 

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

slalx
关注
判断jquery对象是否存在 用 $("#id").length>0
殇沫流年的专栏
03-01 2669
一、判断jquery对象是否存在 用下面的 jQuery 代码判断一个对象是否存在，是不能用的 if($("[id=''###]")){  }else{}  因为 $(“#id”) 不管对象是否存在都会返回 object 。 正确使用判断对象是否存在应该用： if($("#id").length>0){ }else{} 
【SQL学习篇】order by length(ID),ID 排序
毛兔记录：工作小技巧、遇到的一些典型bug、问题汇总、小知识。
09-12 1864
当使用order by排序出现以下情况，是因为该字段编码不是NUMBER，导致按字符的形式排序了 这时，使用order by length(ID),ID即可
SnowFlake分布式唯一ID 生成器
diyujun6099的博客
08-01 1953
Snowflake生成IDtwitter开发的一套全局唯一ID生成算法，要点如下：41位的时间序列(精确到毫秒，41位的长度可以使用69年) 10位的机器标识(10位的长度最多支持部署1024个节点) 12位的计数顺序号(12位的计数顺序号支持每个节点每毫秒产生4096个ID序号) 最高位是符号位，始终为0。简单可靠，性能好，趋势有序，不引入第三方系统。缺点是有使用时间限制，8-100年...
.length和.length()
执笔的博客
04-01 3455
1.length属性是针对Java中的数组来说的，要求数组的长度可以用其length属性；2.length()方法是针对字符串来说的，要求一个字符串的长度就要用到它的length()方法；...
JavaScript常用语句解析与慎用提示
5. **获取元素属性**：`getElementById`方法可以用来获取ID匹配的HTML元素，然后通过`.name`或`.value`访问其属性。 6. **字符串转换**：`toUpperCase()`方法将字符串转换为大写，`toLowerCase()`则转换为小写。 7...
js数组删除元素
10-23
- **慎用**：可能导致迭代错误（需配合`filter`） #### 五、`length` 属性 - 截断尾部 [^2][^3] ```javascript const arr = [10, 20, 30, 40]; arr.length = 2; console.log(arr); // [10, 20] ``` - **原理**：...
vue 选择理疗师，小程序上wxml选中样式没有问题，但是h5上渲染无反应changeSelect(item,index) { // 0：空闲，1：服务中，2：暂停服务 if(this.selectTherapist.length>0){ if(!this.selectTherapist.some(item2 =>item2.id==item.id)){ if(this.selectTherapist.length>=this.
10-29
/* 慎用 */ } ``` --- #### 5. **调试工具验证** 1. **H5端**：浏览器开发者工具检查： - 样式是否被覆盖（划掉线） - 元素是否渲染（DOM结构） - 控制台报错（组件未注册等） 2. **小程序端**：比对WXML转换...
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...
Java 生成最大16位唯一数字ID，百万并发不重复
weixin_45922571的博客
08-24 7532
在开发过程中，集成了mybatis-plus，数据库在设计过程中，ID逐渐并没有使用自增的方式来生成逐渐，而是采用了它默认的ID生成规则，由于考虑到ID索引查询到问题，因此ID字段设置为数字类型，考虑到业务可能出现的增长，因此ID设置为bigint类型，而Java对应的属性为Long类型。 但是在实际使用中发现，默认生成的ID基本都是20位长度，由于前端js 最多只能识别16位ID，超过16位ID就会失去精度，起初考虑全局过滤，在返回给前端时将ID转换成string，但是觉得...
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 3181
  今天在使用struts的时候，从jsp表单获取一个checkbox的值时(多记录)，如果我的第一行记录的没有选择，那么用String userid = request.getParameter("uselect"+i);得到值时,返回的是null，在后面的我判断这个值是否为空，用下面方法去判断if (userid.length > 0 && userid != null)去判断，总是报java
去掉字符串前面的特定字符
duyunduzai的专栏
05-29 1947
小功能，记录下，以后可以直接用 去掉一个字符串前面的特定字符，比如现在数据，有的字符串前面有0，一个或者若干个，有的没有，现在需要去掉字符串前面的0，直到第一个不为0的字符，程序如下： private String removeZeroFromShopId(String shopId) { // 声明一个StringBuffer对象 StringBuffer sb = n...
表单长度判断
12-01 561
<!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 310
$("#id_").length > 0; 表示id_的节点是否存在 $("#id_").get(0).files.length > 0;表示 id=id_的input的file节点是否有文件
HTML - 换行标签的 3 种写法（＜br＞、＜br/＞、＜br /＞）
weixin_52173250的博客
11-05 321
HTML - 换行标签的 3 种写法（<br>、<br/>、<br />）
技术演进中的开发沉思-229 Ajax：Firefox 与 Firebug
最新发布
你的天空阅读专栏
12-04 1245
Firefox与Firebug：前端调试的里程碑工具 摘要：在早期前端开发中，Firefox浏览器搭配Firebug插件开创了可视化调试新时代。Firefox原生错误控制台率先实现JS/CSS错误可视化提示，解决了开发者"盲调"的痛点。而Firebug则提供了完整的调试体系：Console视图支持日志输出和交互调试，Net视图完整监控Ajax请求流程，HTML/CSS/Script/DOM视图实现代码实时修改与断点调试。这套组合工具奠定了现代浏览器开发者工具的基本架构，将前端调试从&qu
HTML应用指南：利用POST请求获取全国极氪门店位置信息
weixin_45812624的博客
12-03 1554
本篇文章介绍了通过程序化方式采集并分析极氪全国门店数据的完整流程。基于对官网接口的解析，利用 Python 自动请求市级行政区编码，并批量调用门店查询接口，高效获取包含门店名称、地址、高德经纬度、营业时间及开业日期等字段的结构化数据。针对地理坐标，文章对高德（GCJ-02）坐标系进行了标准化转换，确保后续在地图平台上的精准可视化；同时将原始时间戳统一处理为标准日期格式，支撑时间维度分析。在此基础上，揭示出极氪门店“核心城市群密集布局、区域中心精准覆盖”的空间策略。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值