如何在 iframe 中获取元素的属性值？

Posted 2023-05-08

【中文标题】如何在 iframe 中获取元素的属性值？

【英文标题】：How to get an element's attribute value in an iframe?

【发布时间】：2021-09-17 16:10:55

【问题描述】：

我的问题似乎已经被问及并回答了你，但是当我在 SO 上搜索这个问题时，我只遇到了关于获取 <iframe> 元素的属性的问题。 但我的问题是 “”。 例如，如果我的 iframe 有一个 id iframe1 并且它的 src 是 https://anonfiles.com/z7E9W640ud/anime-girls-night-sky-scenery-clouds-stars-4K-64_jpg 那么我怎样才能在该页面中获得一个带有 id download-url 的锚链接的 href 值？ 最主要的是，我想将该值放入另一个元素（很可能是视频或锚链接）中，id 为 linkHere。

我更喜欢为此使用 Vanilla JS 或 Jquery。

另外，如果我犯了任何错误，请随时纠正我。提前致谢 :)

【问题讨论】：

这能回答你的问题吗？ how to access the element inside iframe, from parent document?

@cloned 我不这么认为，我想将从该页面获得的值用于另一个元素。

这是一个不同的问题。您尝试过什么将值转换为不同的元素？你的努力在哪里？

【参考方案1】：

html

function myFunction() 

  var x = document.getElementsByTagName("iframe")[0].getAttribute("src"); 
  document.getElementById("demo").innerHTML = x;

【讨论】：

欢迎来到 ***。首先这里是JS而不是HTML，另外在提供代码示例的时候，也提供一些说明。