Element-from-point-2.html 749 B

123456789101112131415161718192021222324252627282930313233343536
  1. <!DOCTYPE html>
  2. <style>
  3. .box {
  4. width: 100px;
  5. height: 100px;
  6. position: absolute;
  7. }
  8. #a {
  9. background-color: magenta;
  10. z-index: 1;
  11. transform: translate(110px, 10px);
  12. }
  13. #b {
  14. background-color: mediumaquamarine;
  15. z-index: 2;
  16. transform: translate(120px, 20px);
  17. }
  18. #c {
  19. background-color: greenyellow;
  20. z-index: 3;
  21. transform: translate(130px, 30px);
  22. }
  23. </style>
  24. <div id="a" class="box"></div>
  25. <div id="b" class="box"></div>
  26. <div id="c" class="box">hello</div>
  27. <script src="../include.js"></script>
  28. <script>
  29. test(() => {
  30. const element = document.elementFromPoint(150, 50);
  31. printElement(element);
  32. });
  33. </script>