JavaScript - ループボタンonclickの場合

Question

私はforループを経てHTMLページにテーブルを作成し、特定の関数を呼び出してそのユーザーの特定の値を更新するjavascriptを持っています。

function getUsers() { 
    //get all users as "parsedJSON" array 
    for (var i=0; i<countrows; i++) { 
    row.insertCell(0).innerHTML = parsedJSON[i].samaccountname; 
    row.insertCell(1).innerHTML = parsedJSON[i].givenname; 
    row.insertCell(2).innerHTML = parsedJSON[i].surname; 
    var userName = parsedJSON[i].samaccountname; 
    row.insertCell(3).innerHTML = "<button id='userName' onclick = 'updateUser(this.id)'> ActionUser</button>"; 
    } 
} 

function updateUser(userName) { 
    //Function with about 30 lines to update user 
} 

は今、私の質問は：どのように私は知ることができ、特定のユーザーのボタンがクリックされたとどのように私はupdateUser関数にその名を渡すことができていますか？事前に

おかげ

Answer 1

ここ

var userName = parsedJSON[i].samaccountname; 
row.insertCell(3).innerHTML = "<button id='userName' onclick = 'updateUser(this.id)'> ActionUser</button>"; 

あなたのコードがなければなりませんので、あなたが実際に、userNameの値を渡すのではなく、ボタンに文字列「ユーザー名」割り当てる

row.insertCell(3).innerHTML = "<button id='" + userName + "' onclick = 'updateUser(this.id)'> ActionUser</button>"; 

クリックされたボタンを識別するために、ボタンのidをupdateUser関数に渡すので、 document.getElementByIdクリックした要素を取得します。

function updateUser(userName) { 
    var clickedButton = document.getElementById('username'); 

    // This will work if this function is guaranteed to only be used by HTML element 
    var thisButton = this; 
}