javascript - 如何从嵌入 javascript 呈现的 HTML 标记中获取元素ById()？

Question

我有文件 - index.html，它嵌入了 script.js。

Script.js - 呈现 html<a href="url.html" id="url">标签。

我想在 index.html 中插入这段代码，显示 HREF 值，由 script.js 呈现：

var d = document.getElementById( 'url' );
alert(d.href);

但是这个脚本只适用于标签，即 index.html。

如何让脚本工作？

索引.html

<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
var d = document.getElementById( 'url' );
alert(d.href);
</script>

脚本.js：

document.write("<iframe src=iframe.html></iframe>");

iframe.html：

<a href=url.html id=url>Test URL</a>

--- 已编辑 ---

我的朋友想出了这个代码：

<script type="text/javascript">
$(document).ready(function() {
var href = $("iframe").contents().find("a").attr('href');
alert(href);
});
</script>

但 alert() 显示 - “未定义”

Answer 1

你有一个框架，document.getElementById()不会自动访问它。尝试这个：

var frame = document.getElementsByTagName("iframe")[0];

frame.contentWindow.document.getElementById("url");

在第一行中，我通过访问<iframe>页面的第一个元素来获得对框架的引用。还有其他几种方法可以做到这一点。