重寫表格單元格？

Question

初學者在這裏

見 - http://www.w3schools.com/js/tryit.asp?filename=try_dom_tablerow_cells

在這個例子中，當按下變化的內容，新的內容寫在左上角的單元格。是否有可能將其更改爲右上角？如果是這樣，怎麼樣？

Answer 1

改變功能changeContent()看起來是這樣的：

function changeContent() { 
    var x=document.getElementById('myTable').rows[0].cells; 
    x[1].innerHTML="NEW CONTENT"; 
} 

基本上你正在改變X [0] .innerHTML（第一個單元格遇到）至x [1 .innerHTML（它遇到的第二個單元格）。

Answer 2

變化x[0].innerHTML="NEW CONTENT";到x[1].innerHTML="NEW CONTENT";

Answer 3

是的，這是可能的，用x [1]重新放置x [0]。

x是第一行的每個單元格的數組。因此，X [0]是第一個單元格（左起）等

Answer 4

在這裏你可以看到按鈕觸發功能：

function changeContent() 
{ 
    var x=document.getElementById('myTable').rows[0].cells; 
    x[0].innerHTML="NEW CONTENT"; 
} 

它是由這家名爲：<input type="button" onclick="changeContent()" value="Change content">

如果我們改變功能，像這樣：

function changeContent() 
{ 
    var x=document.getElementById('myTable').rows[2].cells; 
    x[1].innerHTML="NEW CONTENT"; 
} 

它將填充右下方的細胞來代替。

Answer 5

只需更改與x[0].innerHTML="NEW CONTENT";行至x[1].innerHTML="NEW CONTENT";