javascript - 克隆时 IE8 无法识别 Html 5 时间标签

Question

在这种情况下，我一直无法让 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 它实际上是我得到的时间标签。

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

Answer 1

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<9 中打印，如果您需要它，这是一个棘手的问题。