<noscript><div id="example">I want to get this innerHTML</div></noscript>
<script type="text/javascript"> alert($('example').innerHTML);</script>
Этот фрагмент javascript просто возвращает пустую строку. Есть ли способ получить содержимое узла noscript?
p.s. Я использую прототип в этом конкретном проекте.
Если сценарии включены, элемент noscript определяется как содержащий только текст — хотя это должен быть поддающийся разбору текст с некоторыми ограничениями по содержанию. Имея это в виду, вы должны иметь возможность извлекать текст, анализировать его, а затем находить нужный элемент. Элементарный пример этого следующий:
var nos = document.getElementsByTagName("noscript")[0];
// in some browsers, contents of noscript hang around in one form or another
var nosHtml = nos.textContent||nos.innerHTML;
if ( nosHtml )
{
var temp = document.createElement("div");
temp.innerHTML = nosHtml;
// lazy man's query library: add it, find it, remove it
document.body.appendChild(temp);
var ex = document.getElementById("example");
document.body.removeChild(temp);
alert(ex.innerHTML);
}
Обратите внимание, что когда я изначально писал этот ответ, вышеприведенное не удалось выполнить в Google Chrome; доступ к содержимому noscript в наши дни поддерживается несколько лучше, но он по-прежнему кажется мне крайним случаем, который, возможно, несколько чаще, чем другие элементы, демонстрирует ошибки - я бы избегал этого, если у вас есть другие варианты.
in Google's Chrome, the noscript element has no children in the DOM - если я правильно понимаю, вы говорите, что версия Chrome, которую вы тестировали в то время, полностью очистила содержимое тегов noscript при включенном Javascript, тем самым сделав его внутреннее содержимое пустым? Если это правда, то это выглядит немного странно. Сегодня я пытаюсь реализовать что-то подобное, но мне интересно, не уточняет ли спецификация noscript, что делать с ее содержимым.
- person Super Cat; 27.06.2017
Я не уверен насчет прототипа, но это работает в Chrome с jQuery:
$('noscript').before($('noscript').text());
Элемент NOSCRIPT позволяет авторам предоставлять альтернативное содержимое, когда сценарий не выполняется. Содержимое элемента NOSCRIPT должно отображаться только с помощью пользовательского агента, поддерживающего сценарии, в следующих случаях:
- Пользовательский агент настроен не оценивать скрипты.
- Пользовательский агент не поддерживает язык сценариев, вызываемый элементом SCRIPT ранее в документе.
Мне кажется, это подразумевает, что все содержимое тега NOSCRIPT (в данном случае ваш div) вообще игнорируется, если в браузере включено скриптование. Вы убедились, что пример div вообще доступен через DOM в вашем случае?
Тестирование с Firefox 3.0.7, Safari 3.2.2 и MSIE 7.0.5730.13 (все на WinXP SP3) показало, что все, что находится внутри тегов <noscript>, полностью исключено из дерева DOM.
Однако можно получить доступ к самому элементу <noscript>, а затем использовать методы DOM для изменения его дочерних элементов.
Попробуйте $($("noscript").text()) с jQuery.
