javascript - 努力弄清楚为什么附加原始 HTML 会产生与使用 jQuery 创建 HTML 不同的结果

Question

我有两个 jsFiddles：

• http://jsfiddle.net/kRyhw/3/
• http://jsfiddle.net/kBMSa/1/

第一个 jsFiddle 显示了采用 HTML 并将其附加到我的 ul 元素的代码。请注意，会出现 svg 的“X”图标。

我尝试使用 jQuery 的元素创建技术重写此代码，但路径从未出现。如果我用 .text("Hello") 替换附加的 iconPath 代码，我会看到 Hello 出现。不过，我没有看到两个版本之间的任何 CSS 差异。

有人可以阐明发生了什么吗？

Answer 1

使用浏览器的 innerHTML 属性将其解析为 HTML。innerHTML 无法解析 SVG 或其他非 HTML 内容...

我想这篇文章会给你的问题一些阴影。它有一个你正在寻找的例子。 jquery 的追加不适用于 svg 元素？