js 点击ul下面的其中一个li改变背景颜色 li其中一句:<li onclick="td(this)">第1个</li> 然后呢,js代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 点击ul下面的其中一个li改变背景颜色 li其中一句:<li onclick="td(this)">第1个</li> 然后呢,js代码相关的知识,希望对你有一定的参考价值。
li其中一句:<li onclick="td(this)">第1个</li>
然后呢,js代码创建方法:
function jk(obj)
//要用到obj的参数。我写到
// var ul=document.getElementById('ul1');
//var lii=ul.getElementsByTagName('li');
//然后不会写了
使用li上的onclick事件
function td(obj)jk();
obj.style.background = "red";
function jk()
//要用到obj的参数。我写到
var ul=document.getElementById('ul1');
var lii=ul.getElementsByTagName('li');
//然后不会写了
for(var i=0;i<lii.length;i++)
lii[i].style.background = "";
追问
不用for循环
追答不知道是每个li都点击还是只针对其中一个
每个li都有事件,那就使用li上的onclick事件
function td(obj)obj.style.background = "red";
参考技术A function jk(obj)
//要用到obj的参数。我写到
var ul=document.getElementById('obj');
var lii=ul.getElementsByTagName('li')[0];
lii.onclick =function()
alert(1)
jk( "ul1" );
<ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码
<ul>中的<li>我点击一个<li>后其它的<li>全变背景色要图中效果,求JS和CSS代码
参考技术A <html><Head></Head><body>
<script type="text/javascript">
function sel(obj)
var lis=document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++)
if(lis[i]!=obj)
lis[i].style.background="#00f";
else
lis[i].style.background="#0ff"
</script><ul>
<li onclick="sel(this);"> 1111</li>
<li onclick="sel(this);">22222 </li>
<li onclick="sel(this);">3333 </li>
<li onclick="sel(this);"> 44444</li>
</ul></body>
</html>
以上是关于js 点击ul下面的其中一个li改变背景颜色 li其中一句:<li onclick="td(this)">第1个</li> 然后呢,js代码的主要内容,如果未能解决你的问题,请参考以下文章
javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性