1

样本来源：

 <div>      
            <br />
         <a name="IDATLQHE"></a>
        <h2 class="subhead" xmlns="">
         <div class="dummy">
             <div class="dummyy">
                <span>abcd</span>
            </div>

            <div class="dummyyy">
                <span>
                        <a title="google" href="http://google.com">google.com</a>
                </span>
          </div>                
        </div>
        </h2>       
    </div>

需要的输出：

我想用元素的内容替换<a>元素中的<div class="dummyyy"> 元素内容<div class="dummyy">。

JavaScript 编写：

<script type="text/javascript">
    var divs = document.getElementsByClassName('dummy');
    for(var i = 0, len = divs.length; i < len; i++)
    {
        var div = divs[i],
        h2 = div.getElementsByClassName('dummyyy'),
        h3 = div.getElementsByClassName('dummyy');
        if(h2.length === 1)
        {
            var aa= h2[0],
            aaa=aa.getElementsByTagName('a');
            if(h2.length === 1 && h3.length === 1)
            {
                aaa[0].innerHTML = h3[0].innerHTML;
                h3[0].innerHTML=null;
            }
        }
    }

该脚本在 Firefox 中运行良好，但在 IE 中无法正常运行。

错误：

 getElementsByClassName 
 aaa=aa.getElementsByTagName('a')

任何人都可以帮助解决这个问题。

谢谢

4

2 回答 2

3

getElementsByClassNameIE8 不支持。如果不需要 IE7 支持，可以替换为div.querySelectorAll(".dummyy")

于 2012-07-18T08:38:37.443 回答
0

getElementsByClassName()由当前所有浏览器实现，除了 IE8 和更早版本。IE8确实支持querySelectorAll()

于 2012-07-18T08:40:37.230 回答