为何JS创建<section>后querySelectorAll返回长度为3而非4？

问题描述 #

我的HTML文件里原本有3个<section>标签，通过JavaScript创建了一个新的<section>元素：

const lastSection = document.createElement('section');

随后用以下代码获取所有<section>元素：

const allSections = document.querySelectorAll('section');

但运行console.log(allSections.length);返回结果是3，而我预期是4，想知道原因。

解答 #

document.createElement('section')只是在内存中创建了一个

// 示例：追加到body末尾
document.body.appendChild(lastSection);
// 或者追加到某个指定父元素
const parent = document.querySelector('#some-parent');
parent.appendChild(lastSection);