javascript - onclick 函数上的 CSS 选择器

Question

有没有办法在 onclick + function() 上获取 CSS 选择器？您可以在 onclick 上获得它.

这是 HTML:

<span onclick="gotoURL(&quot;https://youtu.be/dQw4w9WgXcQ&quot;);">Rick Roll</span>

CSS:

span[onclick] {
    color: blue;
    text-decoration: underline;
}

但是这些不起作用:

span[onclick="gotoURL"]

span[onclick="gotoURL()"]

Answer 1

肯定有办法;)

The [attribute^=value] selector matches every element whose attribute value begins with a specified value.

span[onclick^=gotoURL]

表示抓取 span 属性 onclick，其值以 gotoURL 开头。

https://jsfiddle.net/h0qg6nys/

干杯 :)

编辑 vivekkupadhyay 更快...

编辑 2: 顺便说一句。您可以查看选择器引用 https://www.w3schools.com/cssref/css_selectors.asp

编辑 3: 30-css-selectors-you-must-memorize