querySelectorAll - 如何只获取某个div中的元素

Question

我想限制这个选择器，只给我一个id为“divId1”的div内的结果

var polys = document.querySelectorAll('polygon,polyline');

我该怎么做？

Answer 1

尝试空间操作符：

var polys = document.querySelectorAll('#divId1 polygon, #divId1 polyline');

See MDN's page on selectors了解详情。

Answer 2

var polys = document.querySelectorAll('#divId1 polygon, #divId1 polyline'); 

Answer 3

试试这个：

var el = document.querySelector('#divId1');
var polys = el.querySelectorAll('polygon,polyline');

https://developer.mozilla.org/en-US/docs/Web/API/element.querySelectorAll

Answer 4

您可以在div元素而不是文档上调用querySelectorAll。

参考：https://developer.mozilla.org/en-US/docs/Web/API/Element.querySelectorAll

样品：

var polys = document.getElementById('divId1').querySelectorAll('polygon,polyline');