您的代码似乎正在寻找如下所示的元素:
<tag id="isActive"></tag>
在 HTML 中找不到此内容。 您可能需要替换
的“isActive”let tabsContent = document.getElementById("isActive");
具有正确的元素 ID。执行此操作后,代码不再抛出任何异常。
这是我测试过的代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
document.addEventListener("DOMContentLoaded", function () {
let tabsContent = document.getElementById("hasChild");
if (!tabsContent.hasChildNodes()) {
const placeHolderDiv = document.createElement("div");
placeHolderDiv.setAttribute("class", "place-holder-div");
tabsContent.appendChild(placeHolderDiv);
placeHolderDiv.innerHTML = "Under construction...";
}
});
</script>
</head>
<body>
<section class="nav-page" id="metaTagsGenerator">
<h2>Meta Tags Generator</h2>
<div class="mtg-content" id="hasChild">
</div>
</section>
</body>
</html>