Questions tagged «selectors-api»

5
querySelector,通配符是否匹配?
有没有一种方法可以使用querySelector或进行通配符元素名称匹配querySelectorAll?我看到属性查询中支持通配符,但不支持元素本身。 我要解析的XML文档基本上是属性的平面列表,我需要查找名称中包含某些字符串的元素。 我意识到,如果需要的话,XML文档可能需要进行重组,但这不会发生。 除了返回使用显然不推荐使用的XPath(IE9删除了它)之外,任何解决方案都是可以接受的。




5
使用带有数字的ID的querySelector
根据我的理解,HTML5规范使您可以使用ID这样的数字。 <div id="1"></div> <div id="2"></div> 我可以使用,getElementById但不能使用querySelector。如果尝试执行以下操作,则会在控制台中收到SyntaxError:DOM异常12。 document.querySelector("#1") 我很好奇,querySelector当HTML5规范说数字有效时,为什么不能将数字用作ID起作用。我尝试了多种浏览器。

6
为什么JS代码“ var a = document.querySelector('a [data-a = 1]');”?导致错误?
我在DOM中有一个元素: <a href="#" data-a="1">Link</a> 我想通过其HTML5自定义数据属性获取此元素data-a。所以我写了JS代码: var a = document.querySelector('a[data-a=1]'); 但是此代码不起作用,并且在浏览器的控制台中出现错误。(我测试了Chrome和Firefox。) JS代码var a = document.querySelector('a[data-a=a]');不会导致错误。因此,我认为问题在于HTML5的JS APIdocument.querySelector不支持在HTML5自定义数据属性中查找数字值。 这是浏览器实现错误还是HTML5规范相关document.querySelector? 然后,我在http://validator.w3.org/上测试了以下代码: <!DOCTYPE html> <meta charset="utf-8"> <title>An HTML Document</title> <a href="#" data-a="1">Link</a> 他们已通过验证。由于这些HTML5代码已经过验证。我们应该可以使用HTML5的JS APIdocument.querySelector通过其自定义数据属性来查找此锚元素。但是事实是我出错了。 HTML5对HTML5 JS API的规范是否document.querySelector表示该方法无法查找带有数字值的HTML5数据自定义属性?(需要HTML5规范源。)
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.