Kaedah elemFromPoint

Kaedah elemFromPoint mengembalikan elemen teratas yang terletak pada koordinat tertentu relatif kepada pandangan tetingkap.

Sintaks

document.elemFromPoint(x, y);

Contoh

Mari cari elemen paling atas dalam dokumen mengikut koordinat yang dinyatakan dalam parameter kaedah elemFromPoint. Apabila diklik pada butang, dalam tetingkap pop timbul akan dipaparkan nama tag elemen yang dicari:

<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);
});

Lihat juga

kaedah getBoundingClientRect,
yang mengandungi koordinat elemen