如何通過javascript獲取元素在特定座標處的ID

-1

考慮在座標爲（2,2）的空白瀏覽器頁面上有一個DIV（以像素爲單位）和一個按鈕。如果我點擊該按鈕，它必須發送座標（2,2）函數，它將檢測（2,2）它是DIV，BUTTON等，並返回它的ID。如何通過javascript獲取元素在特定座標處的ID

這裏是我的嘗試：

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <title>elementFromPoint example</title> 
    <script> 
     function changeColor(newColor) { 
      //To get element from coordinate 2,2 
      var elem = document.elementFromPoint(2, 2); 
      //Here i wanted to print what i am getting in var elem 
      document.getElementById("status").innerHTML = elem; 
      //next line changes color whatever is at 2,2 
      elem.style.color = newColor; 
      //But i want to know whats at 2,2 or get its ID or class. 
     } 
    </script> 
</head> 

<body> 
    <p id="para1">Some text here</p> <button onclick="changeColor('blue');">blue</button> <span id="status"></span> </body> 

</html>

但用這種方法我只能改變其顏色，但我堅持我如何能得到它的ID或TYPE（DIV /按鍵/對/等等）。

來源

2017-02-16 Dr.coddy hanseling

這聽起來像你正在尋找['event.target']（http://stackoverflow.com/a/5181830/2341603）。 –

???您可以在代碼中閱讀'elem'所需的所有屬性。 – Teemu

元素被打印爲[對象HTMLHtmlElement] –

var elem = document.elementFromPoint(2, 2);給你的元素參考，並id是元素

的屬性嘗試

console.log(elem.id);

類型

console.log(elem.tagName);

要更新您的狀態是這樣的：

document.getElementById("status").innerHTML = 'ID:' +elem.id +' , Tag:' +elem.tagName;

來源

2017-02-16 20:24:54 charlietfl

我太快地閱讀了這個問題 - 你是對的。我刪除了我的非答案:) –

謝謝問題解決了 –

如何通過javascript獲取元素在特定座標處的ID

回答

相關問題