Jquery 无法读取 Internet Explorer 上的自定义标记文本

Posted 2023-03-30

【中文标题】Jquery 无法读取 Internet Explorer 上的自定义标记文本

【英文标题】：Jquery cannot read custom tag text on Internet Explorer

【发布时间】：2012-07-04 00:21:09

【问题描述】：

我想在我的 html 页面中使用自定义标签并使用 jquery 来读取其中的文本， 类似：

<desc>Hello world</desc>

然后我使用 jquery 阅读文本：

desc_text=$("desc").first().text();

在 Firefox 和 Chrome 上，它可以工作，我得到了“Hello world”，但在 Internet Explorer (IE 9) 上却不行。

经过调试，问题似乎来自IE：<desc>和</desc>被视为两个不同的DOM节点。 Hello world 不是<desc> 的子节点。 这就是它不起作用的原因。如果我使用span 标签而不是desc 标签：它可以工作。

有没有办法让它在 IE 上运行，或者 IE 不会像 firefox / Chrome 那样解释我的自定义标签是正常的？

【问题讨论】：

为什么首先需要自定义标签？只需使用正确的 ID 和类。

【参考方案1】：

只需在文档的开头添加

<script>document.createElement('desc');</script>

这也是HTML5shiv 采用的基本思想，使 IE

【参考方案2】：

http://ajaxian.com/archives/adding-custom-tags-to-internet-explorer-the-official-way