javascript - 未捕获的类型错误：scrollIntoView 不是函数

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 元素列表。现在，您正在尝试访问.scrollIntoView返回的方法，该方法NodeList当然不存在。

您可能打算使用document.querySelector()which 返回单个元素。