javascript - 如何从具有特定属性值的按钮重定向 url？

Question

我正在尝试使用 Slider Revolutions 选项卡重定向到页面。按钮(选项卡)具有以下结构:

<div data-liindex="1" data-liref="rs-12" class="tp-tab selected" style="width: 170px; height: 50px; left: 190px; top: 0px;"><span class="tp-tab-title">ARMENIA</span></div>

这些按钮通过 data-liindex 参数彼此不同。 0, 1, 2,...

我尝试了这段代码，但无法弄清楚如何通过自定义 id 获取Element。

<script type="text/javascript">
    document.getElementById("1").onclick = function () {
        location.href = "www.google.com";
    };
</script>

但我无法更改按钮代码。它是由 Slider Revolution 生成的，因此我无法向它添加比现在更多的参数。

Answer 1

如果你想选择具有 data- 属性的元素，你可以这样做:

document.querySelector("[data-liindex='1']");

或者您想通过 ID 选择元素，您可以将 id 添加到您要选择的标签中:

<div data-liindex="1" data-liref="rs-12" class="tp-tab selected" style="width: 170px; height: 50px; left: 190px; top: 0px;"><span class="tp-tab-title">ARMENIA</span></div>

document.querySelector('#1')