将 jscontroller 属性与 Google 产品一起使用答案

【问题标题】：Working with jscontroller property with google products将 jscontroller 属性与 Google 产品一起使用
【发布时间】：2020-11-13 17:33:37
【问题描述】：

我正在尝试为 google meet 创建一个 google chrome 扩展，所以我查看了 Meet 的 html 代码，我看到了很多像 jsaction="data"; jscontroller="data"; jsname="data"; jsmodel="data" 这样的属性。

id="data" 属性从未出现，所以我不知道如何使用 js 来查找具有给定 id (document.getElementById("data")) 的元素，所以我认为我必须使用那些奇怪的属性。

我试图用谷歌搜索他们，但我找不到任何有用的东西。有谁知道它们是什么以及如何使用它们？

提前致谢。

【问题讨论】：

【解决方案1】：

jscontroller、jsmodel、jsaction等都是谷歌代码库的一部分。（对于那些不在 Google 工作的人来说，他们相对陌生。）

如果你只想找到 HTML 元素，你可以通过类似的方式访问这些元素

document.querySelector("[jscontroller="+data+"]")

（您可以将jscontroller 替换为任何其他元素属性。）

这使用 [attribute=value] css 选择器，您可以阅读有关 here 的更多信息。

【讨论】：