Question

在下面的代码中，有一种方法可以识别“li class =”“...＆gt;谁拥有带有特定ai =”2711766“的”a id =“”...＆gt;“标记。我如何通过“ai”识别它们？如果是“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 是一个属性。知道了这一点，您可以通过tag name using getElementsByTagName获取通过id搜索元素的值，然后获取如下属性：

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

输出是：

这样做的缺点是，您将获得给定类型的所有元素（例如，链接 - a），您需要迭代它们。

如何通过ai关键字识别元素？

2 个答案: