javascript - 如何检查文档是否包含元素

Question

我正在尝试检查 DOM 是否包含 ID 为“htmlFileLink”的元素。

let element = document.createElement('a');
element.id = 'htmlFileLink';
document.body.insertAdjacentHTML( 'beforeend', element );

if( document.body.contains( document.getElementById('htmlFileLink') ) ) {
	alert ('yes');
}
else {
	alert ('no');
}

为什么提示“否”而不是"is"？

Answer 1

Node.appendChild()方法将节点添加到指定 parent 节点的 children 列表的末尾。如果给定的 child 是对 document 中现有节点的引用，appendChild() 会将其从当前位置移动到新位置。

演示

let element = document.createElement('a');
element.id = 'htmlFileLink';
element.innerText = 'Test';
document.body.appendChild(element);

if (document.body.contains(document.getElementById('htmlFileLink'))) {
  alert('yes');
} else {
  alert('no');
}