Как в DOM получать доступ к классу на другой странице?
Тут наверно и без кода можно описать проблему. У меня есть index.html и есть cart.html. В index находятся товары, которые можно добавить в корзину. Соответственно чтобы их добавить в корзину мне надо найти класс самой корзины(которого в index нет, он в cart), я пробую через querySelector и когда вывожу его в консоль, в index получаю null, а в cart, cоответсвенно - нужный div. Пробовала искать какой-то метод глобального поиска, но видимо такого нет, не понимаю в чём проблема
1 ответ
@satyan20003
Чтобы получить доступ к классу на другой странице с помощью DOM (Document Object Model), вам нужно загрузить эту страницу в вашу текущую страницу, используя один из следующих способов:
- Используйте картинку или другой элемент со ссылкой на другую страницу:
1
|
<img src="http://example.com/image.jpg" onload="getClass()"> |
- Используйте картинку или другой элемент со ссылкой на другую страницу с помощью JavaScript:
1 2 3 4 5 |
function getClass() { var img = new Image(); img.src = "http://example.com/image.jpg"; document.body.appendChild(img); } |
- Используйте объект 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(); |
Обратите внимание, что вы можете получить доступ только к тем элементам и классам, которые находятся на текущей странице. Чт