javascript - 如何使用 javascript 检测外部文件中的数据？

Question

我通常使用“getElementById()”来检测内部文件数据。我尝试用此方法检测外部文件中的数据，但它不起作用:

<script>
var outterPage ="dom1.html";
var temp=outterPage.getElementById("abc").innerHTML;
</script>

我可以做什么来检测外部文件中的数据？

Answer 1

您可以使用 jQuery 函数 $.get 将 URL 的内容读取到变量中。然后您可以将其解析为 DOM 元素以查找其中的一部分。

$.get("dom1.html", function(data) {
    var temp = $("<div>", { html: data }).find("#abc").html();
    // do something with temp
});

您还可以在 $.get 的 URL 参数中指定 ID，这样 jQuery 将只返回页面该部分的内容。

$.get("dom1.html #abc", function(temp) {
    // do something with temp
});