使用 javascript 选择 JSTL 标记

Question

我正在尝试查询包装在 JSTL 标记内的选择器。到目前为止还没有运气。以前有人遇到过这个问题吗？

当我尝试选择此站点上的主页横幅时，例如：https://www.teknosa.com/

使用以下代码：

document.querySelectorAll('body > div.wrapper > section > div > fmt:setlocale > div.main-slider.desktop.hidden-xs > div > div')

我得到一个“无效选择器”作为响应。包裹页面的 fmt:setlocale 选择器搞砸了。

谢谢。非常感谢任何帮助。

Answer 1

试试这个代码：

document.querySelector('body .wrapper section div .main-slider div div');

此选择器将返回 <div class="slick-list draggable"> 元素作为结果。

当使用“querySelectorAll”时，所有元素都作为结果返回。当您到达此处“body .wrapper section div”时，您要选择的代码中有很多结果，您必须选择要继续使用的结果。 使用“querySelector”时，只取工作表的第一个结果

此代码将返回相同的结果，但使用“querySelectorAll”

var x = document.querySelectorAll('body .wrapper section div');
var y = x[0].querySelectorAll('.main-slider div div')[0];