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

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 的标签。

如何让脚本工作？

index.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>

--- 已编辑 ---

我的 friend 想出了这段代码:

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

但是 alert() 显示 - “undefined”

Answer 1

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

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

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

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