使用appendChild PHP插入时Div卡在Div中

Question

我正在尝试使用 for 循环和 PHP 中的appendChild 方法将div 插入到HTML 页面中。我遇到的问题是，第一个 div 总是卡在第二个 div 中，而第二个 div 又总是卡在第三个 div 中，依此类推。那么如何在for循环末尾结束div呢？

///The PHP Side

// Create an insertion point for the Projects element

$projectInsert = $doc->getElementById("projects");

// Create a project Box

for ($x = $row_cnt; $x > 0; $x--) {

$sql2 = "SELECT * FROM `$prjct` WHERE id=$x";

$result2 = mysqli_query($db,$sql2);

$row2 = mysqli_fetch_array($result2,MYSQLI_ASSOC);

//Insert a project Box

$projectBox = $doc->createElement('div');

$projectBox->setAttribute("class","projectBox");

$project_element_title = $doc->createElement('p', $row2["title"]);

$project_element_description = $doc->createElement('p', $row2["description"]);

$projectInsert->appendChild($projectBox);

$projectInsert->appendChild($project_element_title);

$projectInsert->appendChild($project_element_description);

}

//Here's where it's inserting in the HTML

<div class="projectBar" id="projectsBar">

<h4 style="height: 30%; width: 100%; margin: auto;">Projects</h4>

<p id="projects"></p>

</div>

这是正在发生的事情与我想要发生的事情的照片

https://docs.google.com/presentation/d/1OgthPueXHzGXyUi6L3DmgWTtOr6gHpfj8LgGh5OG85Y/edit?usp=sharing

因为我是新人，所以无法嵌入图像。

感谢您的任何帮助！

Answer 1

不是将childs($project_element_title和$project_element_description)附加到parent(&nbsp;$projectBox)，而是将其附加到super-parent(&nbsp;$projectInsert)，这就是问题所在。所以改变：&nbsp;$projectInsert->appendChild($project_element_title); &nbsp;&nbsp;$projectInsert->appendChild($project_element_description);到&nbsp;$projectBox->appendChild($project_element_title); &nbsp;&nbsp;$projectBox->appendChild($project_element_description);