javascript - 未捕获的类型错误 : scrollIntoView is not a function

Question

我不明白为什么，但是 scrollIntoView() 函数不起作用。浏览器显示错误:Uncaught TypeError: element.scrollIntoView is not a function at ...。元素 element 被定义并显示在控制台中。我在互联网上找不到任何答案。下面是简化的代码:

[...]
<table>
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
            <th>Surname</th>
        </tr>
    </thead>
    <tbody>
        <?php 
        if (is_array($array)) {
            foreach ($array as $element) { ?>
                <tr data-someid="<?= $element->some_id ?>">
                    <th><?= $element->id ?></th>
                    <td><?= $element->name ?></td>
                    <td><?= $element->surname ?></td>
                </tr>
            <?php } 
        } ?>
    </tbody>
</table>
[...]
<script>
    var element= document.querySelectorAll('[data-someid="' + someId + '"]');
    console.log(element); // displays the element well
    element.scrollIntoView();
</script>
[...]

有人知道为什么它不起作用吗？

Answer 1

document.querySelectorAll()返回 DOM 元素的列表。现在，您正在尝试访问返回的 NodeList 上的方法 .scrollIntoView，该方法当然不存在。

您可能想使用 document.querySelector()它返回单个元素。