document.querySelector

这个api的功能很强大，针对选择符可以使用相关的正则进行处理， 这个先马，后面需要仔细研究下

举例

document.querySelector(`*[data-index='${id}'`][class*='xxx'])
// 选中 data-index为id，类名包含xxx的元素

document.querySelector(`*[data-index='${id}'][class^='more__ul__li']`)
//选中data-index为id，类名以more__ul__li 开头的元素

 document.querySelector(`*[component='${xxx}']`)
选中 component 为 xxx的元素

推荐阅读更多精彩内容

  • Android - 收藏集
    用两张图告诉你，为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料？ 从这篇文章中你...
    hw1212阅读 11,638评论 2赞 56
  • 关于Mongodb的全面总结
    关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 30,964评论 2赞 89
  • 面试问题答案综合版(web)
    $HTML， HTTP，web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 4,372评论 0赞 20
  • 正则表达式
    初衷：看了很多视频、文章，最后却通通忘记了，别人的知识依旧是别人的，自己却什么都没获得。此系列文章旨在加深自己的印...
    DCbryant阅读 3,580评论 0赞 20
  • 前端面试题整理-1
    常见试题 行内元素：会在水平方向排列，不能包含块级元素，设置width无效，height无效(可以设置line-h...
    他大舅啊阅读 2,107评论 1赞 5