undefined style

Question

我有來自大學的作業，經典的15個難題。我對這兩種風格有問題。下面是代碼，我有問題

function siirra_pala(pala) { 
var palaRivi = parseInt(pala.style.top)/palanKoko; 
var palaSarake = parseInt(pala.style.left)/palanKoko; 
} 

錯誤代碼是「遺漏的類型錯誤：無法讀取屬性未定義的‘頂’」和「遺漏的類型錯誤：無法讀取屬性未定義的‘左’」。

如果有幫助： siirra_pala（PALA）是move_tile（瓦） palaRivi是tileRow和palaSarake是tileColumn palanKoko是tileSize。

我已經palanKoko設置爲100和風格被定義爲：

function muodosta_palat(pelialue) { 
for (var y = 0; y < 4; y++) { 
    for (var x = 0; x < 4; x++) { 
     if (!(x === tyhja_paikka.x && y === tyhja_paikka.y)) { 
      var pala = document.createElement('div'); 
      pala.id = 'pala' + x + y; 
      pala.textContent = 4 * y + x + 1; 
      pala.style.left = x * palanKoko + 'px'; 
      pala.style.top = y * palanKoko + 'px'; 
      pala.className = 'pala'; 
      pelialue.appendChild(pala); 
     } 
    } 
} 

如果你需要更多的代碼，請告訴哪一個。謝謝

@Bergi：

window.onload = function() { 

muodosta_palat(document.getElementById('pelialue')); 
var palat = document.querySelectorAll(".pala"); 
document.getElementById('sekoitusnappi').onclick = sekoita; 
for (var i = 0; i < palat.length; i++) { 
    palat[i].addEventListener("click", siirra_pala); 
    palat[i].addEventListener("mouseover", mouseOver); 
    palat[i].addEventListener("mouseout", mouseOut); 
} 
}; 

Answer 1

從你的錯誤看起來pala是未定義的（未設置，不存在），至少不在該函數的範圍內。

變量pala是在一個函數內創建的，並且在此函數中只有已知的。你想要做的就是捕獲點擊事件，並將點擊事件傳遞給函數。

如果更改調用函數..

palat[i].addEventListener("click", function() { siirra_pala(this) }); 

參考應該沒問題。

Answer 2

這裏：

palat[i].addEventListener("click", siirra_pala); 

傳遞給siirra_pala的參數是click事件，而不是點擊的元素。你應該修改你的函數，從事件對象中選擇單擊的元素屬性，或者簡單地使用this。

看到這個：

document.getElementById('x').addEventListener("click", handler); 
 

 
function handler(e) { 
 
    console.log(e);  // full event object 
 
    console.log(this); // clicked element 
 
    this.style.background = "#aaa"; 
 
}

#x { 
 
    width: 50px; 
 
    height: 50px; 
 
    background: #eee; 
 
}

<div id="x"></div>

---

因此，對於你的功能修復將是這樣的：

function siirra_pala(pala) { 
    var palaRivi = parseInt(this.style.top)/palanKoko; 
    var palaSarake = parseInt(this.style.left)/palanKoko; 
} 

（請記住，這個功能不是很有用）