从另一个目录操作HTML元素

Question

我想从另一个目录中选择和操作元素HTML吗？

如何使用属性document.getElementById（'ID'）但在另一个文件夹中的文件中

Answer 1

您不能那样做。

您的服务器提供单个HTML文件，该文件将在页面上呈现为DOM。此DOM无权访问服务器正在提供的其他文件。

作为解决方法，您可以在不可见的iframe中加载另一页。

假设您有两个HTML文件：hello.html和goodbye.html。 您的服务器将这两个文件作为/hello和/goodbye路由上的页面提供。

如果要从goodbye.html页上的/hello访问DOM元素，则需要：

// hello.html
// place this iframe tag somewhere in the body of your HTML file
// use your /goodbye page path as src property of this iframe
<iframe id="goodbyeframe" src="/goodbye"></iframe>

// scripts.js
const iframe = document.getElementById('goodbyeframe');
const innerDoc = iframe.contentDocument || iframe.contentWindow.document;
const el = innerDoc.getElementById('myElementOnGoodbyePage')

但这确实是一种骇人听闻的方式。