Javascript 如何从 elementFromPoint(） 返回的对象/元素中获取特定的子项

Javascript how can I get a particular child from an object/element returned by elementFromPoint()?

本文关键字：获取 元素 对象 elementFromPoint Javascript 返回      更新时间：2023-09-26

有没有办法从函数 elementFromPoint(x， y( 返回的元素/对象中检索子元素;

假设我有以下陈述，

var elem = document.elementFromPoint(x, y);

让我们假设返回并存储在变量 elem 中的元素将具有以下结构：

<section class="wrapper">
      some unwraped text
      <div class="hidden">
           <img />
      </div>
</section>

是否有可以从本节包装器中检索 img 标签？我希望检索它并使用 jQuery 克隆它，并进一步将克隆添加到另一个元素。包装图像标签的div 具有 css 属性 display：none;这将隐藏图像，我想复制该图像并将其显示在其他元素中。

但是，我需要找到一种方法来检索 img 标签，然后才能克隆它并进一步附加它。

编辑

所以这就是我尝试使用 elem 对象的方式，我需要从中取出子 img 而不是整个返回的元素

  $('#unique > img').remove();
  $('#unique').append($(elem > child)
        .clone()
        .children()
        .end());

我相信如果我能得到正确的元素，我就不需要 children(( 函数。

谢谢。。。

elem最终会是什么？<section>？

$(elem).find('.hidden img')

它的一个孩子？

$(elem).closest('.wrapper').find('.hidden img')

检查这是否有效：

$("img",$(document.elementFromPoint(x, y)))

或 

$(document.elementFromPoint(x, y)).find("img")

var elem = document.elementFromPoint(x, y);
var imageElement = $(elem).find("div.hidden img")
相关文章：