getElementsByTagName和getElementsByClassName在IE8中不起作用

getElementsByTagName and getElementsByClassName not working in IE8

本文关键字:不起作用 IE8 getElementsByClassName getElementsByTagName      更新时间:2023-10-29

样本来源:

 <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>

所需输出:

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

编写的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')

谁能帮上忙吗。

感谢

getElementsByClassName不受IE8支持。如果您不需要IE7支持,可以将其替换为div.querySelectorAll(".dummyy")

getElementsByClassName()由除IE8及更早版本之外的所有当前浏览器实现。IE8确实支持querySelectorAll()