<noscript><div id="example">I want to get this innerHTML</div></noscript>
<script type="text/javascript"> alert($('example').innerHTML);</script>
这个 javascript sn-p 只返回一个空字符串。有没有办法获取 noscript 节点的内容？
附言我正在这个特定项目中使用原型。
【问题讨论】：
标签： javascript innerhtml noscript
如果启用了脚本，the noscript element is defined as containing only text - 虽然它必须是可解析文本，但对内容有一些限制。考虑到这一点，您应该能够提取文本、解析它，然后找到您想要的元素。一个基本的例子如下：
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 版本在启用 Javascript 时完全清空了 noscript 标记的内容，从而使其内部内容为空？如果属实，这似乎有点奇怪。我今天正在尝试实现类似的东西，但这让我想知道noscript 规范是否没有详细说明如何处理其内容。
我不确定原型，但这适用于带有 jQuery 的 Chrome：
$('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 方法更改其子元素。
【讨论】：
用 jQuery 试试 $($("noscript").text())。
【讨论】：