我正在嘗試將圖像放入表格中。我有這個工作，如果你點擊，你會在可用的選項中循環。但是，計數器與單元格無關，它是一個全局計數器。有沒有辦法創建一個局部變量來跟蹤單個單元格在數組中的位置？我曾嘗試為一個單元格創建一個局部變量，但它不起作用。下面是js中的相關函數：var i = 1;var table = document.getElementsByTagName('table')[0];var def = ["tex/white.png", "tex/grass.jpg", "tex/stone.jpg", "tex/water.jpg", "tex/wood.jpg", "tex/lava.jpg"];table.onclick = function(e) {    var target = (e || window.event).target;    if (target.tagName in { TD: 1, TH: 1 }) {        target.className = "img";        console.log((e || window.event).target);        target.setAttribute('style', 'background-image:' + "url(" + def[i] + ")");        if (i < def.length) {            i++        }        if (i == def.length) {            i = 0;        }    }};這是我到目前為止所做的工作的小提琴：https ://jsfiddle.net/6L0armd4/期望的結果是我從單個單元格開始陣列，它只對這些單元格計數。目前，它總是提供下一個紋理，即使我選擇了不同的單元格。