Javascript 转到元素类的特定实例

Javascript 转到元素类的特定实例,javascript,html,Javascript,Html,我可以使用以下方法创建类中特定项的每个实例的索引列表 var x = document.getElementsByClassName("page"); 我可以使用以下命令将用户指向特定id: function CalledBySelectBox(value) { document.getElementById(value).scrollIntoView(); } 但是,我想要引导用户访问的元素并不是用Id唯一标识的。如何修改上面的第二个代码段,以将用户引导到第一个代码

我可以使用以下方法创建类中特定项的每个实例的索引列表

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>
一些长度未知的文本充满了随机标记,你有什么。104更多的文本,但我们不知道有多少和其他标记。105一些长度未知的文本充满了随机标记,你有什么106

我想您正在寻找这样的产品:

function ScrollToPage( page_num )
{
    document.getElementsByClassName( 'page' )[ page_num ].scrollIntoView();
}

getElementsByClassName(className)
提供的是元素数组,而
document.getElementById(id)
提供的是单个元素。要滚动到得到的数组中的索引元素,只需对该元素调用
scrollIntoView()

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

这个答案和Paulpro的答案都有效。但这对我来说更容易阅读/理解。谢谢你们两位。@COMisHARD不客气。请点击旁边的复选标记接受Jason的答案;因为它对你帮助最大。