使用JavaScript在PHP中编辑HTML

Question

我正在使用JavaScript根据浏览器来编辑元素的内容。 此复选框可在所有现代浏览器中单击以显示更多内容，但在IE8或更早版本中则不能。

但是，我希望更改的元素是通过php回显的，我无法更改内容。 但是，该JS文件确实意味着我页面的其余部分没有出现。

元素在我的代码的第一行-下方。 目的是用一个简单的链接替换此元素的内容，这意味着将无法使用该复选框查看隐藏内容的IE8和更早版本的IE8用户将能够在另一页上查看它。

这是一些代码

echo "<p id=\"browser\">";

echo "<div class=\"resultsContainer\">";
echo "<input type=\"checkbox\" name=\"show\" class=\"show\">
                <label for=\"show\">Recent Results</label>

                <article class=\"small\">

                <table class=\"results\">";



$query2=$database->query("SELECT team_name, team_score, 
opposition_score, opposition_name from results_a ORDER BY 
updated DESC LIMIT 0, 5");
$i=0;
while ($row2=$query2->fetch(PDO::FETCH_NUM)) {
echo ($i %2 == 0)? "<tr class=\"stripe\">" : "<tr class=\"nostripe\">";
printf ("<td>%s<td class=\"small\">%s<td class=\"small\">%s<td>%s</tr>", 
$row2[0], $row2[1], $row2[2], $row2[3]);
$i++;
}
echo "</table>";
echo "</article>";
echo "</div>";
echo "</p>";
echo "<br>";


?>
                <!--[if lt IE 9]>
<script src="oldBrowser.js"</script>
<![endif]--> 
<noscript>
<!--[if lt IE 9]>
<p>To view results you must either upgrade Internet Explorer to 
IE9 or 10, or enable ActiveX Controls on this page</p>
<![endif]-->
</noscript>

还有JS ...

var browser = document.getElementById("browser");
browser.innerHTML = "<a href='results.php'>See results</a>";

这与我的PHP代码有关吗？

Answer 1

<script src="oldBrowser.js"</script>

应该

<script src="oldBrowser.js"></script>

Answer 2

您从未关闭过<p>标签：

echo "<p id=\"browser\"></p>";
                        ^^^^^---missing

因此，您在<p>标记后回显的所有html都包含在<p> ，并在执行browser.innerHTML代码时被替换。