大家好,又见面了,我是你们的朋友全栈君。
、
-
document.getElementById
可以查询纯数字的id
-
dom.querySelector
document.querySelectorAll(’[id=“111”]’)
在某个dom下寻找相应选择器的元素
背景
产品反馈项目系统模板复制之后,元素无法拖拽。经排查发现元素继承自move组件。而每个元素绑定的id竟然纯数字;复制模板之后由于项目的复杂性无法统一的对复制出来的模板元素id进行更新。
问题
- 一个页面上有多个id相同的dom元素想要拖拽
- id为纯数字
解决
-
使用
dom.queryselector()
先获取需要拖拽元素的父元素dom,再在父元素中查询相应的dom;减少搜索范围,避免复制的id全页面不唯一无法定位的问题
-
如何查询dom
-
不更改dom的id
使用dom.querySelectorAll(’[id=“111”]’)
-
更改domId符合规范(对元素的id进行
dom+数字
的方式进行赋值)使用dom.querySelectorAll(’#dom111’)
-
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/159599.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...