Methode elemFromPoint

De methode elemFromPoint retourneert het bovenste element dat zich op de gespecificeerde coördinaten ten opzichte van de viewport bevindt.

Syntaxis

document.elemFromPoint(x, y);

Voorbeeld

Laten we het bovenste element in het document vinden volgens de coördinaten, gespecificeerd in de parameters van de methode elemFromPoint. Bij een klik op de knop wordt in het pop-upvenster de tagnaam van het gezochte element weergegeven:

<div>DIV</div>
<p>P</p>
<button>Klik</button>

div {
	margin-top: 20px;
	margin-left: 100px;
	width: 20px;
	height: 20px;
	border: 1px solid black;
	text-align: center;
	padding: 30px;
}

p {
	margin-top: 20px;
	margin-left: 100px;
	margin-bottom: 20px;
	width: 20px;
	height: 10px;
	border: 1px solid red;
	text-align: center;
	padding: 30px;
}
button {
	margin-left: 100px;
}

let button = document.querySelector('button');
let elem = document.elementFromPoint(108, 20);
button.addEventListener('click', ()=> {
	alert(elem.tagName);
});

Zie ook

methode getBoundingClientRect,
dat de coördinaten van het element bevat