Question

<div id="div1"> <div class="on">111</div> <div class="on">222</div> <div class="on">333</div> <spa

js和css就不贴上来了！知道友贴出原生js清楚 父级div1下所有 子级clss就好 谢谢！ 是原生js哦，不是jquery
<div id="div1">
<div class="on">111</div>
<div class="on">222</div>
<div class="on">333</div>
<span/>
</div>
js和css就不贴上来了！知道友贴出原生js 清除 父级div1下所有 子级class就好 谢谢！ 是原生js哦，不是jquery

Answer 1

var f = document.getElementById('div1'),
    c = f.getElementsByTagName('div');
for(var i = 0,len = c.length; i < len; i++) {
    c[i].className = '';
}

追问

谢谢！如果加一个onclick 事件控制当前节点添加一个 className！ 点击另一个节点另一个节点加上className！ 前一个节点消失！ 该怎么写呢！

追答

测试HTML：

<style type="text/css">
    #div1 div{height: 20px; border:1px solid #aaa; margin: 2px;}
</style>
<div id="div1">
    <div></div>
    <div></div>
    <div></div>
</div>

测试脚本：

var f = document.getElementById('div1'),    //取到父节点
    c = f.getElementsByTagName('div');      //取到子节点

clearClassName();

for(var i = 0,len = c.length; i < len; i++) {
    c[i].onclick = function() { //为每个子节点添加点击事件
        clearClassName();
        this.className = 'yourClassName';   //为当前点击的子节点添加你所需的样式名
    };
}

//清除子节点的样式
function clearClassName() {
    for(var i = 0; i < c.length; i++) {
        c[i].className = '';
    }
}

Answer 2

var _div=document.getElementById("test").getElementsByTagName("div");
for(var a=0;a<_div.length;a++)
{
_div.item(a).setAttribute("class","");
}

Answer 3

理解能力有限- -||