使用类名获取元素

Question

我正试图从我的html文件中获得一个div元素，该元素具有result类，然后使用以下两个函数在其中添加另一个div：

function makeDiv() {
const parentDiv = document.createElement("div");
parentDiv.setAttribute("id", "myDiv");
parentDiv.setAttribute("class", "container");
const p1 = document.createElement("p");
p1.textContent = "Hello Everyone";
parentDiv.appendChild(p1);
return parentDiv;
}
function addDiv() {
const div1 = makeDiv();
div2 = document.querySelector(".result");
div2.appendChild(div1);
}

在我的html文件中，我的main中有一个div元素，比如：

<div id="q2">
<div class="result"></div>
</div>

我试过使用querySelector和getElementsByClassName，但线

div2 = document.querySelector(".result");

仍在返回null。我在这里做错了什么？

Answer 1

您似乎没有忘记调用addDiv函数吗？

function makeDiv() {
const parentDiv = document.createElement("div");
parentDiv.setAttribute("id", "myDiv");
parentDiv.setAttribute("class", "container");
const p1 = document.createElement("p");
p1.textContent = "Hello Everyone";
parentDiv.appendChild(p1);
return parentDiv;
}
function addDiv() {
const div1 = makeDiv();
div2 = document.querySelector(".result");
div2.appendChild(div1);
}
addDiv()

<div id="q2">
<div class="result"></div>
</div>