Как в DOM получать доступ к классу на другой странице?

Пользователь

от satyan20003 , в категории: JavaScript , год назад

Тут наверно и без кода можно описать проблему. У меня есть index.html и есть cart.html. В index находятся товары, которые можно добавить в корзину. Соответственно чтобы их добавить в корзину мне надо найти класс самой корзины(которого в index нет, он в cart), я пробую через querySelector и когда вывожу его в консоль, в index получаю null, а в cart, cоответсвенно - нужный div. Пробовала искать какой-то метод глобального поиска, но видимо такого нет, не понимаю в чём проблема

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от elissa , год назад

@satyan20003 

Чтобы получить доступ к классу на другой странице с помощью DOM (Document Object Model), вам нужно загрузить эту страницу в вашу текущую страницу, используя один из следующих способов:

  1. Используйте картинку или другой элемент со ссылкой на другую страницу:
1
<img src="http://example.com/image.jpg" onload="getClass()">


  1. Используйте картинку или другой элемент со ссылкой на другую страницу с помощью JavaScript:
1
2
3
4
5
function getClass() {
  var img = new Image();
  img.src = "http://example.com/image.jpg";
  document.body.appendChild(img);
}


  1. Используйте объект XMLHttpRequest (XHR) для асинхронной загрузки страницы:
1
2
3
4
5
6
var xhr = new XMLHttpRequest();
xhr.onload = function() {
  // Получить доступ к классу на загруженной странице
};
xhr.open("GET", "http://example.com/page.html");
xhr.send();


Обратите внимание, что вы можете получить доступ только к тем элементам и классам, которые находятся на текущей странице. Чт