如何通过javascript获取特定坐标处元素的ID
假设在空白浏览器页面上有一个DIV,坐标为2,2(像素)和一个按钮。如果我点击按钮,它必须将坐标2,2发送给函数,函数将检测2,2处的内容是否为DIV、按钮等,并返回其ID 以下是我尝试过的:如何通过javascript获取特定坐标处元素的ID,javascript,html,Javascript,Html,假设在空白浏览器页面上有一个DIV,坐标为2,2(像素)和一个按钮。如果我点击按钮,它必须将坐标2,2发送给函数,函数将检测2,2处的内容是否为DIV、按钮等,并返回其ID 以下是我尝试过的: <!DOCTYPE html> <html lang="en"> <head> <title>elementFromPoint example</title> <script> function ch
<!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或类型div/button/para/等等。var elem=document.element frompoint2,2;为您提供元素引用,id是该元素的属性
试一试
对于类型
console.log(elem.tagName);
要更新您的状态,请执行以下操作:
document.getElementById("status").innerHTML = 'ID:' +elem.id +' , Tag:' +elem.tagName;
听起来你在找什么。???您可以从代码中的elem中读取所需的所有属性。elem打印为[object HtmlHtmlement]非常感谢大家问题解决了我读问题太快了-您是正确的。我删除了我的非答案:
document.getElementById("status").innerHTML = 'ID:' +elem.id +' , Tag:' +elem.tagName;