blocks|key|293195|text|HTML5在发育IE6和7时不存在。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|293196|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>HTML5 didn't exist when IE6 and 7 were developed.</p>


blocks|key|641811|text|大伙儿，把你们的挖苦记在那里。通过查看http://html5shiv.googlecode.com/svn/trunk/html5.js，html5+shiv成功地欺骗了IE6/7来执行createElement()。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|641812|在上面的karbassi的例子中，人们希望IE6/7会首先关注html5+shiv，然后按照预期的方式执行jQuery追加()。显然，在附加到附件时，它不会按照这个顺序进行操作。这是很方便知道的。|641813|entityMap|0|LINK|mutability|MUTABLE|url|http://html5shiv.googlecode.com/svn/trunk/html5.js^0|J|1E|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<p>Hold your horses on the sarcasm there, everybody. Peeking at <a href="http://html5shiv.googlecode.com/svn/trunk/html5.js" rel="nofollow noreferrer">http://html5shiv.googlecode.com/svn/trunk/html5.js</a>, the html5 shiv does successfully trick IE6/7 into doing a createElement().</p>

<p>In karbassi's case above, one would hope IE6/7 would first pay attention to the html5 shiv, then perform the jQuery append() as expected every time after that. It apparently doesn't do things in that order when appending to an append. This is handy to know.</p>


blocks|key|677282|text|HTML5+shiv处理innerHTML吗？IE很可能与createElement之类的DOM方法不同，并且读取jQuery源代码(我推荐)，您的代码似乎是在触发innerHTML而不是DOM方法。您可以尝试将<section+id="fail"></section>重写为<section+id="fail"+/>+(乍一看，这将触发清理过程中的DOM方法)，并查看它的行为是否不同。如果是这样的话，您已经发现了jQuery中的一个bug和HTML5+shiv的一个限制。如果不是的话，至少这是一种可以消除的可能性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|677283|entityMap^0|C|9|T|D|2A|9|2Y|T|3U|L|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|G|$]]

<p>Does the HTML5 shiv handle <code>innerHTML</code>? IE very likely treats <code>innerHTML</code> differently than DOM methods like <code>createElement</code>, and reading the jQuery source (which I recommend), it seems your code is triggering <code>innerHTML</code> instead of the DOM methods. You might try rewriting <code>&lt;section id="fail"&gt;&lt;/section&gt;</code> as <code>&lt;section id="fail" /&gt;</code> (which at first glance should trigger DOM methods in the cleanup process) and see if it behaves differently. If so, you've identified a bug in jQuery and a limitation of the HTML5 shiv. If not, at least it's one possibility to cross off.</p>


blocks|key|293225|text|这个bug在IE的innerHTML实现中--由于某些原因，它不喜欢通过innerHTML插入的“未知”元素，而DOM脚本则很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|293226|jQuery使用创建一个持久化div，然后删除要通过innerHTML附加的标记。IE现在将未知元素看作是两个新的破碎元素，即<article>content</article>被看作是ARTICLE，#text，/ARTICLE，由innerHTML+borking引起的。|offset|length|style|CODE|293227|下面是一个示例，在IE中查看它，您将看到innerHTML插入方法错误地报告了在div：http://jsbin.com/olizu中插入的3个节点|293228|那些没有IE的人的截图：http://leftlogic.litmusapp.com/pub/2c3ea3e|293229|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/olizu|1|http://leftlogic.litmusapp.com/pub/2c3ea3e^0|0|1R|Q|2L|7|2T|5|2Z|8|0|18|M|0|0|C|16|1|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@$D|X|E|Y|F|G]|$D|Z|E|10|F|G]|$D|11|E|12|F|G]|$D|13|E|14|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|15|8|@]|9|@$D|16|E|17|1|18]]|A|$]]|$1|J|3|K|5|6|7|19|8|@]|9|@$D|1A|E|1B|1|1C]]|A|$]]|$1|L|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|M|$N|$5|O|P|Q|A|$R|S]]|T|$5|O|P|Q|A|$R|U]]]]

<p>The bug is in IE's implementation of innerHTML - for some reason it doesn't like the "unknown" elements being inserted via innerHTML - whereas DOM scripting is fine.</p>

<p>jQuery uses creates a holding div, and then drops in the markup you want to append in via innerHTML.  IE now sees the unknown elements as two new broken elements, i.e. <code>&lt;article&gt;content&lt;/article&gt;</code> is seen as <code>ARTICLE</code>, <code>#text</code>, <code>/ARTICLE</code>, caused by innerHTML borking.</p>

<p>Here's an example, check it out in IE and you'll see that innerHTML insertion method incorrectly reports 3 nodes inserted in the div: <a href="http://jsbin.com/olizu" rel="nofollow noreferrer">http://jsbin.com/olizu</a></p>

<p>Screenshot for those without IE: <a href="http://leftlogic.litmusapp.com/pub/2c3ea3e" rel="nofollow noreferrer">http://leftlogic.litmusapp.com/pub/2c3ea3e</a></p>


blocks|key|677335|text|我也遇到过这个问题。解决方案似乎是在已经附加到文档的元素上使用innerHTML，然后提取创建的节点。我创建了这个li'l函数来实现这个功能：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|677336|http://jdbartlett.github.com/innershiv/|offset|length|677337|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|13|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

<p>I ran into this issue, too. The solution seems to be to use innerHTML on an element that's already attached to the document, then extract the created nodes. I created this li'l function to do that:</p>

<p><a href="http://jdbartlett.github.com/innershiv/" rel="nofollow noreferrer">http://jdbartlett.github.com/innershiv/</a></p>


<h2>How to replicate:</h2>
<ol>
<li><p>Create an html5 page.</p>
</li>
<li><p>Make sure you have the script from remysharp.com/2009/01/07/html5-enabling-script/ added so that IE will notice the tags.</p>
</li>
<li><p>Create an hardcoded <code>&lt;section id='anything'&gt;&lt;/section&gt;</code> tag.</p>
</li>
<li><p>Using jQuery 1.3.2, append another section tag: <code>$('#anything').append('&lt;section id=&quot;whatever&quot;&gt;&lt;/section&gt;');</code> So far, everything works in all the browsers.</p>
</li>
<li><p>Repeat the previous step. <code>$('#whatever').append('&lt;section id=&quot;fail&quot;&gt;&lt;/section&gt;');</code> This is where IE6/7 fails. Firefox/Safari will continue working.</p>
</li>
</ol>
<h2>Error</h2>
<p><img src="https://i.stack.imgur.com/PqGUC.jpg" alt="error popup screenshot" /></p>
<h2>Thoughts</h2>
<ul>
<li><p>It could be that IE6/7 can't handle the HTML5 section tag. I say this because when I change step 4 from <code>&lt;section&gt;</code> to <code>&lt;div&gt;</code>, IE6/7 will start working.</p>
</li>
<li><p>If I use <code>document.createElement()</code> and create my new element, it works, but it seems like jQuery's <code>append()</code> has a problem with html5 elements.</p>
</li>
</ul>


jQuery, html5, append()/appendTo() and IE

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

如何复制：创建html5页面.确保remysharp.com/2009/01/07/html5-enabling-script/添加了脚本，以便IE注意到标记.创建一个硬编码的<section id='anything'></section>标记.使用jQuery 1.3.2，附加另一个节标记：$('#anything...

问jQuery，html5，append()/appendTo()和IE
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery，html5，append()/appendTo()和IEEN