使用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代碼時被替換。