Div 使用 appendChild PHP 插入时卡在 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

不是将子项（$project_element_title 和 $project_element_description）附加到父项（$projectBox），而是将其附加到超级父项（$projectInsert），这就是问题所在.

所以改变：

 $projectInsert->appendChild($project_element_title);
 $projectInsert->appendChild($project_element_description);

到

 $projectBox->appendChild($project_element_title);
 $projectBox->appendChild($project_element_description);

Div 使用 appendChild PHP 插入时卡在 Div

Div stuck in Div when inserted using appendChild PHP

html

php

appendchild