javascript - 为什么 DocumentFragment 没有 getElementsByName？

Question

我正在关注 the instructions given on MDN使用 <template> .示例中给出的略有不同，我的代码是:

<template id="template">
    <tr>
        <td name="id"></td>
        <td name="name"></td>
        <td name="size"></td>
        <td name="Status">
        </td>
    </tr>
</template>

// ...
const item = document.importNode(template.content, true);
item.getElementsByName("id")[0].textContent = token;
item.getElementsByName("name")[0].textContent = file.name;
item.getElementsByName("size")[0].textContent = file.size;
fileList.appendChild(item);
// ...

但是，似乎 item , 其中__proto__是DocumentFragment没有getElementsByName方法。现在有 getElementById 是不是让我很困惑和 querySelector .

有什么原因吗？

为了方便起见，我的浏览器是 FireFox Quantum 69.0.1 和 Chrome Canary 79.0.3918.0。

Answer 1

DocumentFragment 没有实现任何 getElementsBy* 方法。但是，它确实实现了 querySelector()，因此您可以使用

item.querySelector("[name=name]").textContent = token;