代码之家  ›  专栏  ›  技术社区  ›  Greeso

正在检索DOM元素的ID/GUID

  •  -2
  • Greeso  · 技术社区  · 7 年前

    假设我在网页中有以下DOM结构

    <html>
        <body>
            <div id="id1">Hello, this is div 1</div>
            <div>This is div 2</div>
            <div>And, this is div 3</div>
        </body>
    </html>
    

    正如你所见,第一个 div 有一个 id 属于 ,但第二个 部门 第三个 部门 没有。

    通常,在jQuery中,您可以进行以下选择

    $("#id") // <-------------- Selector for the first div
    $("div") // <-------------- Selector for all three div's
    

    部门 通过 身份证件 ,以及所有三个 部门

    然而,我确信每个DOM元素都有一个 内部DOM id 用于将每个元素与所有其他元素区分开来。例如,所有三个 部门 会有一些 guid 或者类似的东西,可能是1、2和3(换句话说,我想要 元素,我假设它在每个页面上都是唯一的。

    谢谢

    1 回复  |  直到 7 年前
        1
  •  0
  •   j08691 n8bar    7 年前

    “然而,我确信每个DOM元素都有一个内部DOM id,用于将每个元素与所有其他元素区分开来。”

    没有内部DOM ID,即使有,它们也只是内部的,您无法访问。你可以用 getElementsByTagName 然后可以引用所需集合中元素的索引。

    例如,在vanilla JavaScript中,您可以执行以下操作:

    var foo = document.getElementsByTagName('div');
    var secondDiv = foo[1];
    

    或者在jQuery中,您可以执行以下操作:

    $('div').eq(1) // or $('div:eq(1)')