如何用javascript的for循环改变所有相同标签中指定标签的样式
如何能用FOR来实现下面的功能?(请给出详细代码,谢谢大侠们了!)开始默认为中国,当点击其它国家名时,被点击国家的CLASS的值就变成‘OK’,而其它国家的CLASS的值...
如何能用FOR来实现下面的功能?(请给出详细代码,谢谢大侠们了!)
开始默认为中国,当点击其它国家名时,被点击国家的CLASS的值就变成‘OK’,而其它国家的CLASS的值就都变成‘LI’。
<div id="SearchT">
<li class="ok"><a>中国</a></li>
<li class="li"><a>美国</a></li>
<li class="li"><a>德国</a></li>
<li class="li"><a>英国</a></li>
<li class="li"><a>法国</a></li>
<li class="li"><a>韩国</a></li>
<li class="li"><a>泰国</a></li>
</div> 展开
开始默认为中国,当点击其它国家名时,被点击国家的CLASS的值就变成‘OK’,而其它国家的CLASS的值就都变成‘LI’。
<div id="SearchT">
<li class="ok"><a>中国</a></li>
<li class="li"><a>美国</a></li>
<li class="li"><a>德国</a></li>
<li class="li"><a>英国</a></li>
<li class="li"><a>法国</a></li>
<li class="li"><a>韩国</a></li>
<li class="li"><a>泰国</a></li>
</div> 展开
1个回答
展开全部
<div id="SearchT">
<li class="ok" onclick="fun1(this)"><a>中国</a></li>
<li class="li" onclick="fun1(this)><a>美国</a></li>
<li class="li" onclick="fun1(this)><a>德国</a></li>
<li class="li" onclick="fun1(this)><a>英国</a></li>
<li class="li" onclick="fun1(this) ><a>法国</a></li>
<li class="li" onclick="fun1(this)><a>韩国</a></li>
<li class="li" onclick="fun1(this)><a>泰国</a></li>
</div>
fun1 = function(element)
{
for(var i = 0; i < document.getElementById("SearchT").childNodes.length; i ++)
{
document.getElementById("SearchT").childNodes[i].className = "li";
}
element.className = "ok";
}
<li class="ok" onclick="fun1(this)"><a>中国</a></li>
<li class="li" onclick="fun1(this)><a>美国</a></li>
<li class="li" onclick="fun1(this)><a>德国</a></li>
<li class="li" onclick="fun1(this)><a>英国</a></li>
<li class="li" onclick="fun1(this) ><a>法国</a></li>
<li class="li" onclick="fun1(this)><a>韩国</a></li>
<li class="li" onclick="fun1(this)><a>泰国</a></li>
</div>
fun1 = function(element)
{
for(var i = 0; i < document.getElementById("SearchT").childNodes.length; i ++)
{
document.getElementById("SearchT").childNodes[i].className = "li";
}
element.className = "ok";
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询