Есть код, который генерирует огромный
div с высотой 10к пикселей. Я пытаюсь получить его по координатам через
document.elementFrom(x, y); И происходит что-то очень странное:
Почему без искусственной задержки закрашивается не
div, а
HTML?
<body id="body">
<div id="div" style="background-color:red; height: 10000px"></div>
<script>
//setTimeout(()=>{
var element = document.elementFromPoint(500, 500);
console.log(element);
element.style.backgroundColor = "yellow";
//}, 1000)
</script>
</body>
Но с задержкой закрашивается именно
DIV!
<body id="body">
<div id="div" style="background-color:red; height: 10000px"></div>
<script>
setTimeout(()=>{
var element = document.elementFromPoint(500, 500);
console.log(element);
element.style.backgroundColor = "yellow";
}, 1000)
</script>
</body>
Заранее благодарю за ответы.
Вот код в песочнице -
https://codepen.io/CitizenOne/pen/YYxmRKДополняю:
Кстати! В песочнице в первом случае (без задержки) почему-то вылетает ошибка! Вообще непонятно
