的Javascript動態HTML中使用參數分配onclick事件

Question

我試圖用HTML發送的onclick參數的onclick

for (var i = 0; i < 2; i++) { 
    if (i == 1) { 
     document.write(" <tr class='noBorder' onclick='foo(i)' >"); 
    } 
    if (i == 0) { 
     document.write(" <tr class='noBorder' onclick='foo(i)' >"); 
    } 
} 

但是，每當我點擊一排，我回來的onclick = FOO（2）

我一直在找了一圈，發現了同樣的問題

Javascript - Dynamically assign onclick event in the loop

我想知道是否有可能與document.wri做到這一點TE？

Answer 1

你只需要從Javascript字符串刪除i：

for (var i = 0; i < 2; i++) { 
    if (i == 1) { 
     document.write(" <tr class='noBorder' onclick='foo(" + i + ")' >"); 
    } 
    if (i == 0) { 
     document.write(" <tr class='noBorder' onclick='foo(" + i + ")' >"); 
    } 
} 

2注

1. 你應該逆您的使用 '和」 ......使用' ...'劃屬性無效HTML5（你需要<div style="..."></div>，不<div style='...'></div>）
2. 你看foo(2)無處不在，因爲這是最後一個值i了。您的onclick可以工作，但會提取i的最後一個值，而不是在呈現HTML時對i的值進行硬編碼。

Answer 2

文件撰寫報表必須在頁面加載完畢

因此運行之前，你不會想要把文件撰寫成一個onclick

如果你想修改頁面已經加載，你將不得不使用div標籤和使用這樣的：

document.getElementById("name").innerHTML = "bob";