如何通过data-attribute在iframe内的元素上使用insertBefore

作者: 誓言
发布时间: 2024-12-13 09:06:48 (2月前)
转自：

2 条回复

0#
回复此人
小鬼 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <BLOCKQUOTE> <P> 注意：正如你所说，你确实满意 <EM> 同源政策 </EM> 所以在理论上你应该能够访问和操作从属IFRAME DOM。 </p> </BLOCKQUOTE> <P> 它不起作用的原因是选择器的工作方式。如果两个元素都应该在与代码运行的框架不同的框架内，那么它们都需要选择它们的父框架。你的代码没有。仅正确选择了要插入的元素，但目标数据属性引用元素的选择器未正确选择。 </p> <pre> <code> $(element, ifr).insertBefore('[data-my-attribute="'+destination+'"]'); // ^ correct ^ incorrect </code> </pre> <P> 根据jQuery文档，您不能简单地将父元素添加到 <code> insertBefore </code> 功能调用。 </p> <P> 因此，这应该工作： </p> <pre> <code> var el = $(element, ifr); var ref = $('[data-my-attribute="'+destination+'"]', ifr); el.insertBefore(ref); // or ref.before(el); </code> </pre> <P> 这应该按预期工作。 </p> </DIV>

编辑

登录后才能参与评论