如何通过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），并且需要对其进行迭代。