Javascript / html幫助！應該很簡單

Question

我正在制作一個頁面，該頁面應在表中顯示我選擇的變量。 我做了兩次相同的事情，更改了id和cuch，但是只有一個起作用。 我花了一個小時查看語法，並重新分配了工作，但這無濟於事。 這是三個主要代碼段：

var NewGlad = new Array("Jokomopo","Etony","Roy");
var BestGlad = new Array("Johnny","Cod","Billy");

function UpdateTable(){

    document.getElementById("0New").innerHTML = "<a href='" +NewGlad[0]+ "'>" + NewGlad[0] + "</a>";


    document.getElementById("0Best").innerHTML = "<a href='" +BestGlad[0]+ "'>" + BestGlad[0] + "</a>";

}

//上面的函數是在onLoad上執行的。

這是html，我只向您顯示我們正在處理的表行：

<tr>

<td class="NewestGlads" id="0New">
fgggrf
</td>

<td class="BestGlads" id="0Best">
fgggrf
</td>

</tr>

僅更新了NewestGlads td。 另一個仍然顯示“ fgggrf”

Answer 1

不要說這應該很容易。 如果很容易，您將不會要求我們提供答案。 您的代碼可以使用一些改進：

var UpdateTable = function () {
        "use strict";
        var NewGlad = ["Jokomopo", "Etony", "Roy"],
            BestGlad = ["Johnny", "Cod", "Billy"];
        document.getElementById("New0").innerHTML = "<a href='" + NewGlad[0] + "'>" + NewGlad[0] + "</a>";
        document.getElementById("Best0").innerHTML = "<a href='" + BestGlad[0] + "'>" + BestGlad[0] + "</a>";
    };

我更改了您的引用，以便它們以字母字符而不是數字開頭。 您的HTML將需要更改以匹配。 我從未見過以數字開頭的標識符，並認為這是一個不好的約定，可能會導致跨瀏覽器容易出錯。 通過調用UpdateTable函數來嘗試執行此操作。 您還可以通過如下編寫代碼來執行此操作而無需調用：

var UpdateTable = (function () {
        "use strict";
        var NewGlad = ["Jokomopo", "Etony", "Roy"],
            BestGlad = ["Johnny", "Cod", "Billy"];
        document.getElementById("New0").innerHTML = "<a href='" + NewGlad[0] + "'>" + NewGlad[0] + "</a>";
        document.getElementById("Best0").innerHTML = "<a href='" + BestGlad[0] + "'>" + BestGlad[0] + "</a>";
    }());

Answer 2

我只是使用了您的代碼，這為您提供了正確的結果

<html>
<head>
<script>
    var NewGlad = new Array("Jokomopo","Etony","Roy");
    var BestGlad = new Array("Johnny","Cod","Billy");

    function UpdateTable(){
        document.getElementById("0New").innerHTML = "<a href='" +NewGlad[0]+ "'>" + NewGlad[0] + "</a>";
        document.getElementById("0Best").innerHTML = "<a href='" +BestGlad[0]+ "'>" + BestGlad[0] + "</a>";

    }
</script>
</head>
<body onload="UpdateTable();">
<table>
<tr>
    <td class="NewestGlads" id="0New">fgggrf</td>
    <td class="BestGlads" id="0Best">fgggrf</td>
</tr>
</table>
</body>
</html>

Answer 3

innerHTML不正確。

應該讀

document.getElementById("0New").innerHTML = "<a href=\"" +NewGlad[0]+ "\">" + NewGlad[0] + "</a>"; 
document.getElementById("0Best").innerHTML = "<a href=\"" +BestGlad[0]+ "\">" + BestGlad[0] + "</a>";

即在href周圍用雙引號引起來。

ID也應以字母開頭。 將它們更改為New0和Best0

Javascript / html幫助！應該很簡單

問題描述

3 個解決方案

解決方案1
2 已采納 2012-04-12 03:38:07

解決方案2
0 2012-04-12 03:42:50

解決方案3
-1 2012-04-12 03:42:17

Javascript / html幫助！ 應該很簡單

問題描述

3 個解決方案

解決方案1 2 已采納 2012-04-12 03:38:07

解決方案2 0 2012-04-12 03:42:50

解決方案3 -1 2012-04-12 03:42:17

Javascript / html幫助！應該很簡單

解決方案1
2 已采納 2012-04-12 03:38:07

解決方案2
0 2012-04-12 03:42:50

解決方案3
-1 2012-04-12 03:42:17