Управлять HTML-элементом из другого каталога

Question

Я хочу выбрать элемент HTML и управлять им из другого каталога, возможно?

как использовать свойство document.getElementById ('ID'), но в файле, который находится в другой папке

Answer 1

Вы не можете этого сделать.

Ваш сервер обслуживает один HTML-файл, который будет отображаться как DOM на вашей странице.Этот DOM не имеет доступа к другим файлам, которые обслуживает ваш сервер.

В качестве обходного пути вы можете загрузить другую страницу в невидимом iframe.

Допустим, у вас есть дваHTML-файлы: hello.html и goodbye.html.Ваш сервер обслуживает эти два файла в виде страниц на маршрутах /hello и /goodbye.

Если вы хотите получить доступ к элементам DOM с goodbye.html на странице /hello, вам необходимо:

// 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')

Но это действительно хакерский способ.