一个关于setAttribute的脚本错误

在页面上发现一个脚本错误，通过Chrome的Debug发现问题出现在一个js方法

function switchToTab(obj) {
    for (var i = 0; i < obj.parentNode.childNodes.length; i++) {
        obj.parentNode.childNodes[i].setAttribute("class", "");
        obj.parentNode.childNodes[i].setAttribute("className", "");
    }
    obj.setAttribute("class", "selected");
    obj.setAttribute("className", "selected");
}

注：setAttribute("className", value);是为了兼容IE，因为使用IE内核的浏览器不认识"class"，要用"className"替代。

对setAttribute的了解可以参考这篇文章：http://www.cnblogs.com/seili/archive/2010/10/18/1854004.html

调试会报如下错误：Uncaught TypeError: Object #<Text> has no method 'setAttribute'

#<Text>是什么东东？在Chrome的控制台（Console）输入 obj.parentNode.childNodes 会发现每个子标签之间有一个#Text，这是因为你用原生的DOM API，是会选择到页面上的空白文本节点，空白文本节点不是标签，没有setAttribute方法。碰到这样的情况，还是用jQuery吧。

function switchToTab(obj) {
    $(obj).parent().children().each(function () {
        $(this).removeClass("selected");
    });
    $(obj).addClass("selected");
}

这样就解决问题了。