2013-02-22 81 views
-1

我對JavaScript很陌生,我希望我可以使用JavaScript設置td標記的值。javascript沒有設置td標記的值

我有這樣的代碼,這樣做:

window.onload = function() { 
    document.getElementById("units").value = "122" 
} 

而且我有一個html文件是這樣的:

<table class="table" width="100%"> 
    <caption class="bold">TNEB UnitCalculator</caption> 
    <tbody> 
     <tr> 
      <td>testing</td> 
      <td id="units"></td> 
     </tr> 
    </tbody> 
</table> 

但是,這並不似乎是工作!

+0

是否要設置'td'的屬性'value'或開始標記和結束標記之間的文本? – hsan 2013-02-22 11:43:01

+0

你想要做什麼? TD沒有值屬性。 – 2013-02-22 11:43:13

+0

需要在開始和結束標籤之間放置數據! – sriram 2013-02-22 11:43:56

回答

5

td標籤不具有價值屬性:

document.getElementById("units").appendChild(document.createTextNode(122)); 

或者,如果你想設置一些屬性:

document.getElementById("units").setAttribute('data-value', 122); 
0

td元素沒有value屬性。改爲使用innerHTML

+0

這是爲什麼被拒絕? – chrisw 2013-02-22 11:43:17

+0

好問題:) – marekful 2013-02-22 11:43:43

+1

沒有投票,但'innerHTML'是你在這種情況下可以做的最糟糕的事情。 – PeeHaa 2013-02-22 11:45:03

0

其實你的代碼是否正常工作

<script> 
    window.onload = function() { 
     document.getElementById("units").value = "122" 
    } 
</script> 

<table class="table" width="100%"> 
    <caption class="bold">TNEB UnitCalculator</caption> 
    <tbody> 
     <tr> 
      <td>testing</td> 
      <td id="units"></td> 
     </tr> 
    </tbody> 
</table> 

您可以在瀏覽器開發人員工具中查看。在命令行中輸入:

document.getElementById("units").value 
+0

大聲笑,你是對的,雖然這不能直接在網頁上看到:)。 – Teemu 2013-02-22 11:49:07

+0

這傢伙只是和我們一起玩..放棄一個人投票關閉這個問題 – 2013-02-22 11:50:44