如何使用.appendChild製作帶數字的簡單表格行？

我是一個開始的程序員，我想知道是否有人可以幫助我。如何使用.appendChild製作帶數字的簡單表格行？

我想得到一個表中有一行和7個數字的表數據&使功能反應。我試過，但它不工作，我一直在現在找了一段時間：

<html> 
<head> 
<script type="text/javascript"> 

function maaktable() { 
    alert("Hey!"); 

    var tabdata 
     = tabrow.appendChild(document.createElement("td").innerText 
     = amount[i]; 
    var tabrow = tablestart.appendChild(document.createElement("tr"); 
    var tablestart = document.createElement("table"); 

    tablestart; 
    tabrow; 
    for (i = 0; i < 6; i++) { 
     tabdata; 
    } 
} 

</script> 
</head> 
<body> 
<button onclick="maaktable()">Begin</button> 
</body> 
</html>

問題是，它甚至沒有警報。我能做些什麼來完成這項工作？

來源

2014-10-10 Nick de Boom

你檢查語法上錯誤？因爲雖然分號是可選的，但是它們的省略（給出顯示代碼中的換行符）應該會產生相當多的錯誤。 – 2014-10-10 15:43:43

這個位看起來不正確：'var tabdata = tabrow.appendChild（document.createElement（「td」）。innerText = amount [i];' – melancia 2014-10-10 15:44:42

你不是追加你創建的元素，只是通過_calling_這個變量不會這樣做，即：'tablestart;' – melancia 2014-10-10 15:45:57

以及不知道這是預期的結果，但你的代碼看起來有點偏離至少應該得到警報顯示，希望得到你在正確的軌道

function maaktable() { 
    alert("Hey!"); 

    var tablestart = document.createElement("table"); 
    var tabrow = tablestart.appendChild(document.createElement("tr")); 

    for (i = 0; i < 6; i++) { 
     //tabdata; 
     tabrow.appendChild(document.createElement("td").innerText(amount[i])); 
    } 
}

來源

2014-10-10 15:47:50 workabyte

你在第一個'appendChild'中缺少''''。 – melancia 2014-10-10 15:52:26

謝謝，這確實使警報工作！ – 2014-10-10 15:55:31

@MelanciaUK，哎呦 – workabyte 2014-10-10 16:02:00

如何使用.appendChild製作帶數字的簡單表格行？

回答

相關問題