如何將字符串中的單詞放入Javascript中的表格中？

Question

我是編程新手，我已經完成了任務。 任務是：

「將字符串中的單詞‘tx_val’在表中有一個像素的邊框， 用灰色backgound只使用三個單元格，每行空白單元格應包含 字。 「null」。「

我一直在試圖弄清楚這一點，但表格總是出錯。這裏是我的教授給我們的代碼一起工作：

​​

Answer 1

我想通過創建你的HTML空白表格開始：

<table id="mytable"></table> 

然後，您可以使用JavaScript行添加到該表中，例如：

var tdNode = document.createElement("td"); 
var trNode = document.createElement("tr"); 
tdNode.appendChild(document.createTextNode("sometext")); 
trNode.appendChild(tdNode); 
document.getElementById("mytable").appendChild(trNode); 

請參閱this link尋求幫助。

因此，首先使用tx_val.split(" ")分割文本，然後根據需要循環將文字添加到表格中。

對於這樣的事情，很多人喜歡使用jQuery。

Answer 2

> <script language="javascript"> 

語言屬性已被棄用十多年，類型是必需的。

> <!-- 

自1995年以來，腳本標記中的HTML註釋分隔符並不是必需的，所以請不要使用它們。

> function fred() { var 

變量聲明必須具有var關鍵字後跟一個標識符。把它們放在同一條線上是有道理的。

> tx_val=document.alice.tx.value; 

它是不是很安全串聯在一起的長期屬性引用，如果有任何遺漏，你會得到一個錯誤。而且，更兼容（雖然在現代瀏覽器沒有必要），並更清楚那些誰將會保持你的代碼使用方法：

var tx_val = document.forms['alice'].elements['tx'].value; 

如果你有信心在鏈中的所有對象都是存在的，它的工作原理，但它在一個更大的應用程序中不是很強大。

> len_tx=tx_val.length 

請記住總是聲明變量，否則它們會在爲它們分配值時變成全局變量。另外，總是用分號結束語句。它真的很重要，如果你要來縮小你的代碼，是一個很好的習慣：

var len_tx = tx_value.length; 

該函數不返回任何東西（所以幾乎是無用的，甚至作爲練習），並且缺少一個右}。

該功能從未被調用過。由於它位於它所指的元素之上，所以您必須等待直到表單添加到DOM之後再調用它。

添加return語句作爲列表行，例如

return len_tx; 

將按鈕添加到該文件調用的函數：

<button onclick="alert(fred());">Call fred()</button> 

要將文本添加到一個HTML元素，給它一個id，使用的document.getElementById得到的引用，則插入文本作爲它的內容，或創建一個文本節點並追加它。