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的元素相反。

Answer 2

可以有许多具有完全相同类名的元素，因此您必须为其调整

而不是

getElementByClassName

你必须这样做

getElementsbyClassName("someclass");

它将返回所有这些

的数组

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

2 个答案: