0

我正在使用以下代码将 HTML 模板的结构解析为 DOM 选项,然后使用 SQL 查询的结果,我试图生成某些 html 片段并将其附加到 dom 对象的父节点,然后回显使用样式生成的 HTML。但是,呈现的 HTML 是原始 HTML,并且没有设置样式。

关于做什么的任何想法?我正在考虑将这一切都转移到 JQuery 而不是 PHP,因为在谷歌搜索之后,我找不到一个直接的解决方案,如果不使用<script>标签在 HTML 本身中进行一些后处理就可以工作。

这是应从中附加节点的模板 HTML(jumbotron HTML):

<!-- CONTENT -->
  <div class="container">

    <div class="row">
      <!--CONTENT DIVs-->
      <div class="jumbotron col-xs-12 col-sm-10 col-sm-push-2" id="contents">

        <!--END OF CONTENT DIVs-->

这是PHP代码:

//Create DOM of the main page
$masterdoc = new DOMDocument();
@$masterdoc->loadHTMLFile($filename);

$masterflag = $masterdoc->getElementById("contents");

//The SQL statement needed
$sql = "SELECT folder_name FROM FOLDERS INNER JOIN LINKAGES ON FOLDERS.id = LINKAGES.child WHERE folder_id = (SELECT id from FOLDERS WHERE folder_name = '" . $foldername . "');";
$result = $conn->query($sql);
$count = $result->num_rows;

//Save all the folder names into an array
$data = array();
$index = 0;
if ($count> 0) {
    while($row = $result->fetch_array()) {
        $data[$index] = $row["folder_name"];
        $index++;
    }
} else {
    echo "0 results";
}
//Loop through the array to generate Jumbotrons and append these to the right section of the main HTML.
for ($x = 0; $x <count($data); $x++) {
  $masterflag->appendChild($masterdoc->createTextNode('<div class="row"><div class="col-xs-2"><i class="fa fa-folder fa-4x"></i></div><div class="col-xs-8"><a href="http://localhost/www/folders.php?link="' . $data[$x] . '" class="btn btn-block" type="content" id="content">' . $data[$x] . '</a></div><div class="col-xs-2"><i class="fa fa-arrow-right fa-4x"></i></div></div><hr>'));
}

echo $masterdoc->saveHTML();

这样你就可以看到发生了什么,这是我的页面:

生成的文本代码

4

1 回答 1

0

看到这个答案。您需要使用DomDocument::createDocumentFragment()XML 字符串并将其附加到创建的片段,然后DomElement::appendChild()将该片段附加到$masterflag

于 2015-12-10T14:01:38.270 回答