我怎样才能按类而不是"GetElementById"获取元素？

Question

所以,这是代码:

<a id="link" href="https://url.com/">URL:</a>
<input id="value"/>

<script type="text/javascript">
    var link= document.getElementById('link');
    var input= document.getElementById('value');
    input.onchange=input.onkeyup= function() {
        link.search= 'extendurl/'+encodeURIComponent(input.value);
    };
</script>

这是有效的,但我需要使用类而不是ID.我试试这个:

<script type="text/javascript">
    var link= document.getElementByClassName("link")[0];
    var input= document.getElementByClassName("value")[0];
    input.onchange=input.onkeyup= function() {
        link.search= 'extendurl/'+encodeURIComponent(input.value);
        link.firstChild.data= link.href;
    };
</script>

<a class="link" href="https://url.com/">URL:</a>
<input class="value"/>

我不知道为什么,但这不起作用.

有人？

Answer 1

确切的名称很重要.

更改

getElementByClassName

至

getElementsByClassName

有一个s因为可能有多个元素带有一个给定类,与具有特定id的元素相反.