如何通過ai關鍵字識別元素？

Question

在下面的代碼中，有一種方法可以識別帶有特定ai =“ 2711766”標簽的“ li class =”“ ...>誰具有” a id =“” ...>“標記。我該如何識別如果是“ id”，我會使用“ getElementById”，但是在這種情況下，要使用“ ai”來標識，我不知道該怎么做！

...
<li class="" style="background-color: rgb(246, 237, 245);"> … </li>
<li class="" style="background-color: rgb(246, 237, 245);"> … </li>
<li class="" style="background-color: rgb(246, 237, 245);">
    <a id="a_32447396" class="aVideo" ai="2711766" i="há 4 horas">
        <div class="imgVideo" onmouseover="startThumbSlide('32447396', '0')">
            <div class="photo2">
                <div id="f_32447396" class="lazyVideos"></div>
            </div>
        </div>
        <h3 style="color: rgb(133, 6, 123);"> … </h3>
    </a>
    <p> … </p>
</li>
<li class=""> … </li>
<li class="" style="background-color: rgb(246, 237, 245);"> … </li>
<li class="" style="background-color: rgb(246, 237, 245);"> … </li>
...

謝謝！

Answer 1

嘗試使用data屬性。

  <a id="a_32447396" class="aVideo" data-ai="2711766" data-i="há 4 horas">

您可以使用以下dataset達到值：

var el = document.getElementById('a_32447396')
console.log(el.dataset.ai); //2711766

Answer 2

ai是一個屬性。 知道這一點，您可以使用getElementsByTagName而不是id通過標簽名稱搜索元素的值，然后獲取如下屬性：

var element = document.getElementsByTagName("a")[0]; // in this example the first link is taken!
alert(element.getAttribute("ai"));

輸出為：

2711766

這樣做的缺點是，您將獲得給定類型的所有元素（fe鏈接-a），並且需要對其進行迭代。