我有这个代码:
<a href="javascript:alert('something1')">Click</a>
<a href="javascript:prompt('something2')">Click</a>
<a href="javascript:alert('something3')">Click</a>
<a href="javascript:prompt('something4')">Click</a>
现在,使用console.log(document.querySelectorAll("a[href^='javascript:prompt('],a[href^='javascript:alert(']"));
将获取所有此类元素作为 NodeList。
但是,我在 HTML 文本中给出了不同大小写的字母javascript
。也就是说,看下面的代码:
<a href="javaSCRIPT:alert('something1')">Click</a>
<a href="JaVaScRIPt:prompt('something2')">Click</a>
<a href="javaSCRIpt:alert('something3')">Click</a>
<a href="JAVAscrIPt:prompt('something4')">Click</a>
我提到this,但是使用*=
代替^=
没有帮助。我知道^=
等于'以。。开始',但是什么是*=
mean?
我怎样才能写一个通用的querySelectorAll
对于所有这样的排列javascript
?
至少 Chrome 和 Firefox 支持不区分大小写的限定符i
在选择器中(定义如下:https://drafts.csswg.org/selectors-4/#overview)
var divs = document.querySelectorAll('div[class^="foo" i]');
console.log(divs.length); // should be 3 :)
<div class="foobar">foobar</div>
<div class="Foobar">Foobar</div>
<div class="fOobar">fOobar</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)