转到元素类的特定实例

时间:2015-08-14 03:41:22

标签: javascript html

我可以使用以下内容为类中特定项的每个实例创建一个索引列表。

var x = document.getElementsByClassName("page");

我可以使用以下内容将用户定向到特定ID:

function CalledBySelectBox(value)
    {
    document.getElementById(value).scrollIntoView();
    }

但是,我想引导用户的元素并不是唯一用Id标识的。如何修改上面的第二个片段,以将用户定向到第一个片段中的特定实例/ x的出现。或者换句话说,我如何将它们引导到类的特定实例。

如果它有用,这里有一些示例html:

Some text of unknown length full of random tags and what have you.<span class="page">104</span> A bunch more text but we don't know how much and full of other tags.<span class="page">105</span> Some text of unknown length full of random tags and what have you <span class="page">106</span>

1 个答案:

答案 0 :(得分:2)

getElementsByClassName(className)给你的是一系列元素,document.getElementById(id)给你的是一个元素。要滚动到所获得的数组中的索引元素,只需在该元素上调用scrollIntoView()

var x = document.getElementsByClassName("page");
x[5].scrollIntoView();