克隆时 IE8 无法识别 Html 5 Time Tag答案

【问题标题】：Html 5 Time Tag not recognized by IE8 when cloning克隆时 IE8 无法识别 Html 5 Time Tag
【发布时间】：2011-02-17 02:11:22
【问题描述】：

我一直无法让 IE 在这种情况下识别新的时间标签。这一切在FF中都很好用。代码如下：

var origComment = $('.articleComment:first div');
if (origComment.length > 0) {
var commentHtml = origComment.clone(true);
commentHtml.find('time').text('today');
var html = '<article class="' + ((side == 'LEFT') ? '' : 'that') + '">' + commentHtml.html() + '</article>';
$(html).insertAfter('.articleComment:last');

HTML 看起来像这样：

<article class="articleComment that">
<div id="156" class="parent">
    <div class="byline">
    <p>Posted <time pubdate="pubdate" datetime="2010-05-07T09:11:08">today</time> by<br/>
        <a class="username" href="/u/matt">matt</a>
        </p>
        <p class="report"><a href="#">Report?</a></p>
    </div>
    <div class="comment">left</div>
</div>
</article>

IE 可以找到 Time 标记，但它返回 2 个元素的集合。我假设开始和结束。但是，我无法访问它来修改它。我试过 val()、html() 和 text()。我也无法使用实际的 HTMLElement。我无法获取 (0).innerHTML。但是，如果我 .get(0).tagName 它实际上是我得到的时间标签。

有什么想法吗？我希望这是有道理的。

【问题讨论】：

标签： javascript jquery time html

【解决方案1】：

IE 8 不支持 HTML 5。

编辑

要提高 DOM 中新标签的兼容性，请在 head 的脚本块中运行以下代码：

var h5tags = 'abbr,article,aside,audio,bb,canvas,datagrid,datalist,\
 details,dialog,eventsource,figure,footer,header,\
 hgroup,mark,menu,meter,nav,output,progress,section,\
 time,video'.split(',');
for (var i = 0; i < h5tags.length; i++)
  document.createElement(h5tags[i]);

另一个编辑：我打算在上面的代码中使用.forEach()，但是，哦等等……IE 8 不支持 JavaScript 1.6。是的。

【讨论】：

我应该声明我正在使用 html5shiv 创建不存在的元素。那应该创建它们正确吗？
是的。如果你使用的是 shiv，那么上面的代码是多余的。

【解决方案2】：

Delan Azabani 关于 IE 8 是正确的，它支持那些新的 HTML5 元素。没有。

处理“低级”支持的一个好方法是使用这个 shiv。

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

在这里找到： http://code.google.com/p/html5shiv/

它甚至支持在 IE

【讨论】：