我想知道querySelectorquerySelectorAllgetElementsByClassNamegetElementById究竟有何分别?

this link我可以收集到querySelector,我可以写document.querySelector(".myclass")得到myclass类的元素,写document.querySelector("#myid")得到ID为myid的元素.但我已经可以做到getElementsByClassNamegetElementById了.你应该选择哪一个?

我也在XPages中工作,其中ID是用冒号动态生成的,看起来像view:_id1:inputText1.所以当我写document.querySelector("#view:_id1:inputText1")的时候,它不起作用.但是写document.getElementById("view:_id1:inputText1")部作品.知道为什么吗?

推荐答案

我想知道querySelector和querySelectorAll与GetElementsByCassName和getElementById之间的区别是什么?

语法和浏览器支持.

当你想使用更复杂的选择器时,querySelector更有用.

e、 g.从属于foo类的元素派生的所有列表项:.foo li

文件querySelector(#视图:_id1:inputExt1)不起作用.但是写文件.getElementById("视图:_id1:InputExt1")起作用.知道为什么吗?

:个字符在选择器中具有特殊意义.你必须逃离它.(选择器转义符在JS字符串中也有特殊含义,因此也必须转义that).

document.querySelector("#view\\:_id1\\:inputText1")

Javascript相关问答推荐

使用 jQuery 排序

React Native,使用 BottomTabsNavigator 时在屏幕之间传递数据

单击菜单容器外时如何防止页面滚动和关闭菜单

Angular - 为上传的图像/视频生成缩略图

处理 Svelte 组件props 的最佳方式

在另一个方法的内部函数中调用 this.method()

删除表行按钮删除所有后续行

AWS-Amplify,我如何在 Angular 登录后重定向到另一个 URL?

正则表达式替换未按预期在 nodejs 上工作的换行符

如何在准确的时间运行谷歌应用脚​​本?

在数据表中进行过滤时更新总和

锚标记点击以区分相同的 onClick Javascript 函数

使用数组字符串查找性能可行性

在 Javascript 中shuffle 嵌套数组

如何在条形图上绘制 x 轴值?

如何通过多列索引对多维数组进行排序

在 JavaScript 中,我可以阻止 onmouseup 事件被触发,用我自己的事件替换它吗?

Minimax算法在国际象棋中不适合队友

如何在下一个 js 中使用组件级 sass 文件

在 Javascript 中,(动态)导入的 ES6-Module 实例的类型/类是什么?