Как загрузить внешний HTML-документ, а затем получить доступ / манипулировать его CSSOM? - PullRequest
Новая
       56

Как загрузить внешний HTML-документ, а затем получить доступ / манипулировать его CSSOM?

0 голосов
/ 21 апреля 2019

Я пытаюсь сделать следующее: загрузить HTML-файл из панели конфигурации того же сайта, а затем получить доступ к его styleSheets с помощью js-скрипта.Наконец, после манипуляции с использованием CSSOM мне нужно загрузить данные из его таблиц стилей на страницу, с которой я запускаю это.

Я попытался загрузить документ, используя jQuery.get(), затем в его обратном вызове я создалновый объект документа с использованием createHTMLDocument.К сожалению, я не нашел ответа в предыдущих вопросах.Я пытался найти что-нибудь связанное как с DOM, так и с CSSOM, но ничего не нашел в том, что я пытаюсь сделать.То же самое с Google: никто не делится чем-либо подобным.

Это то, что я сделал: 

jQuery.get("http://example.com/htmldocument", function(htmlResponse) {
            var doc = document.implementation.createHTMLDocument('');
            doc.open()
            doc.write(htmlResponse)
            doc.close()
            console.log(doc.styleSheets)

            //various stylesheets manipulations using CSSOM
        })

Проблема в том, что doc.styleSheets пусто, но целевой документ имеет вместо 12 таблиц стилей,Независимо от того, какой документ я загружаю, этот объект все еще пуст: я думаю, что есть что-то, чего я не знаю о document.implementation.createHTMLDocument(), но я не могу выяснить, что это такое.В отчаянной попытке заставить это работать, я попытался удалить вызовы open() и close().Безрезультатно.

Спасибо за любую помощь.

...