從表格celle獲取數據

Question

我有一個表格，我希望使用「onclick」命令單擊特定表格單元格時，將單元格中的數據打印到輸入字段中。我在想getdocumentbyid或類似的

東西迎接

Answer 1

如何設置一個唯一的ID爲每一個單元格，然後調用document.getElementById("<id>").innerHTML獲得的內容？

或者，更好的是，如果onClick事件是針對同一個元素，您想要獲取其中的內容，則不需要ID;你應該只能使用this.innerHTML。

Answer 2

執行此操作的最簡單方法是在表或錶行上使用單個事件處理程序來處理onclicks，而不是將onclick處理程序應用於每個單元格。 onclick事件將從TD元素直到處理程序將觸發的表元素。這就是所謂的代表團。

一個例子：

// Get a handle to the input box 
var myInput = document.getElementById("myInput"); 

// Set up the onclick event for the table 
document.getElementById("mytable").onclick = function (evt) { 
    // window.event for IE, evt argument for others 
    var evt = evt || window.event; 
    // Get the element the event originated from 
    var el = evt.target || evt.srcElement; 

    // If the element's tagName is <TD>, set the text of the input 
    if (el.tagName == "TD") 
     // innerText for IE, textContent for others 
     myInput.value = "textContent" in el ? el.textContent : el.innerText; 
} 

如果你只是想爲一個特定行，設置該行的onclick事件來代替。