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代码的主要内容,如果未能解决你的问题,请参考以下文章

求助js操作多ul li背景颜色问题

javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性

关于 li 点击变色的问题,可用JS来解决。

写三个li并设css颜色,然后js绑事件点击,改变body背景色为所选li颜色,那里写错了?

vue点击tab改变背景颜色

怎么可以改变Li标签的背景颜色