使用 jQuery 在 iframe 中选择元素

javascript iframe getelementbyid

2022-08-30 04:07:52

在我们的应用程序中，我们解析一个网页并将其加载到iframe中的另一个页面中。该加载页面中的所有元素都有其令牌 ID。我需要通过这些令牌ID选择元素。手段 - 我单击主页上的某个元素，然后在 iframe 的页面中选择相应的元素。在jQuery的帮助下，我通过以下方式做到这一点：

function selectElement(token) {
     $('[tokenid=' + token + ']').addClass('border'); 
}

但是，使用此功能，我只能选择当前页面中的元素，而不能选择iFrame中的元素。谁能告诉我如何选择加载的iFrame中的元素？

谢谢。

答案 1

var iframe = $('iframe'); // or some other selector to get the iframe
$('[tokenid=' + token + ']', iframe.contents()).addClass('border');

另请注意，如果此 iframe 指向不同的域，则出于安全原因，您将无法在 javascript 中访问此 iframe 的内容。src

答案 2

$("#iframeID").contents().find("[tokenid=" + token + "]").html();

将选择器放在查找方法中。

但是，如果 iframe 不是来自您的服务器，则可能无法做到这一点。其他帖子谈论权限被拒绝错误。