querySelector和querySelectorAll与JavaScript中的getElementsByClassName和getElementById

Naveen:

我想知道querySelectorquerySelectorAll反对getElementsByClassName之间到底有什么区别getElementById

通过此链接,我可以收集到有关内容,querySelector可以编写document.querySelector(".myclass")以获取具有class的元素myclassdocument.querySelector("#myid")获取具有ID的元素myid但我已经可以做到这一点getElementsByClassNamegetElementById应该首选哪一个?

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

昆汀

我想知道querySelector和querySelectorAll与getElementsByClassName和getElementById之间到底有什么区别?

语法和浏览器支持。

querySelector 当您要使用更复杂的选择器时,此功能将更为有用。

例如,所有列表项均来自作为foo类成员的元素: .foo li

document.querySelector(“#view:_id1:inputText1”)无效。但是编写document.getElementById(“ view:_id1:inputText1”)可以。有什么想法吗?

:字符有选择内部特殊的意义。你必须逃避它。(选择器转义字符在JS字符串中也具有特殊含义,因此您也必须转义字符)。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

StrictNullChecks和getElementById

来自分类Dev

getElementsByClassName与querySelectorAll

来自分类Dev

结合使用innerHTML和querySelectorAll

来自分类Dev

getElementsByClassName和querySelectorAll之间的区别?

来自分类Dev

如何使用documet.getElementById和getElementsByClassName显示茉莉花测试用例不显示css属性

来自分类Dev

querySelector()和querySelectorAll()[0]之间的区别

来自分类Dev

document.querySelectorAll和document.getElementsByClassName事件处理

来自分类Dev

JS和querySelectorAll

来自分类Dev

如何存储和打印document.getElementsByClassName中的元素?

来自分类Dev

我可以使用queryselector和foreach在javascript中获得直接元素吗?

来自分类Dev

传播getElementsByClassName或querySelectorAll在TypeScript中给出错误

来自分类Dev

GetElementsByClass和GetElementByID的问题

来自分类Dev

javascript getElementsByClassName和setAttribute不起作用

来自分类Dev

使用queryselectorall,jquery,getelementsbyid,getelementsbyclassname从dom中删除元素

来自分类Dev

javascript变量中的javascript getElementsByClassName

来自分类Dev

getElementsByClassName和报价问题

来自分类Dev

getElementsByClassName和innerHTML

来自分类Dev

组合getElementsByTagName和getElementsByClassName

来自分类Dev

querySelector和querySelectorAll别名

来自分类Dev

如何在querySelector中组合属性和nth-of-type?

来自分类Dev

JavaScript 和 HTML 赋值 .getElementById 和 .innerHTML

来自分类Dev

MutationObserver 和 querySelectorAll

来自分类Dev

111 是有效的 HTML id 属性还是 document.querySelector() 和 document.querySelectorAll() 正确抛出语法错误?

来自分类Dev

javascript getElementsByClassName 或 querySelector 问题

来自分类Dev

javascript 中的 getElementsByClassName() 错误

来自分类Dev

在 `document.querySelector` 中包含单引号和双引号

来自分类Dev

querySelectorAll 和 getBoundingClientRect 兼容吗?

来自分类Dev

除了 querySelector 和 querySelectorAll 之外還有什麼我可以使用的

来自分类Dev

在getElementById之后使用querySelectorAll在javascript中不起作用

Related 相关文章

  1. 1

    StrictNullChecks和getElementById

  2. 2

    getElementsByClassName与querySelectorAll

  3. 3

    结合使用innerHTML和querySelectorAll

  4. 4

    getElementsByClassName和querySelectorAll之间的区别?

  5. 5

    如何使用documet.getElementById和getElementsByClassName显示茉莉花测试用例不显示css属性

  6. 6

    querySelector()和querySelectorAll()[0]之间的区别

  7. 7

    document.querySelectorAll和document.getElementsByClassName事件处理

  8. 8

    JS和querySelectorAll

  9. 9

    如何存储和打印document.getElementsByClassName中的元素?

  10. 10

    我可以使用queryselector和foreach在javascript中获得直接元素吗?

  11. 11

    传播getElementsByClassName或querySelectorAll在TypeScript中给出错误

  12. 12

    GetElementsByClass和GetElementByID的问题

  13. 13

    javascript getElementsByClassName和setAttribute不起作用

  14. 14

    使用queryselectorall,jquery,getelementsbyid,getelementsbyclassname从dom中删除元素

  15. 15

    javascript变量中的javascript getElementsByClassName

  16. 16

    getElementsByClassName和报价问题

  17. 17

    getElementsByClassName和innerHTML

  18. 18

    组合getElementsByTagName和getElementsByClassName

  19. 19

    querySelector和querySelectorAll别名

  20. 20

    如何在querySelector中组合属性和nth-of-type?

  21. 21

    JavaScript 和 HTML 赋值 .getElementById 和 .innerHTML

  22. 22

    MutationObserver 和 querySelectorAll

  23. 23

    111 是有效的 HTML id 属性还是 document.querySelector() 和 document.querySelectorAll() 正确抛出语法错误?

  24. 24

    javascript getElementsByClassName 或 querySelector 问题

  25. 25

    javascript 中的 getElementsByClassName() 错误

  26. 26

    在 `document.querySelector` 中包含单引号和双引号

  27. 27

    querySelectorAll 和 getBoundingClientRect 兼容吗?

  28. 28

    除了 querySelector 和 querySelectorAll 之外還有什麼我可以使用的

  29. 29

    在getElementById之后使用querySelectorAll在javascript中不起作用

热门标签

归档