Javascript 如何在li上使用onclick事件显示块（CSS）

我该怎么办？ 我希望方块（li）在选择后会改变颜色

“onclick”应保持颜色变化。 但onclick并没有改变。 （仅使用“onclick”，不使用“herf”）

css

---

谢谢你

你可以试试这个，我可以帮你吗 将此函数添加为JS

function changeColors(element)  
{  
links=document.getElementsByTagName("li") ;  
for (var i = 0 ; i < links.length ; i ++)  
links.item(i).style.color = 'black' ;  
element.style.color='orange' ;  
}

函数更改颜色（元素）
{  
links=document.getElementsByTagName（“li”）；
对于（变量i=0；i

HTML部分如下所示

<ul>  
<li onclick="changeColors(this);">li 1</li>  
<li onclick="changeColors(this);">li 2</li>  
<li onclick="changeColors(this);">li 3</li>  
</ul>

li 1
li 2
li 3

你可以试试这个，我可以帮你吗 将此函数添加为JS

function changeColors(element)  
{  
links=document.getElementsByTagName("li") ;  
for (var i = 0 ; i < links.length ; i ++)  
links.item(i).style.color = 'black' ;  
element.style.color='orange' ;  
}

函数更改颜色（元素）
{  
links=document.getElementsByTagName（“li”）；
对于（变量i=0；i

HTML部分如下所示

<ul>  
<li onclick="changeColors(this);">li 1</li>  
<li onclick="changeColors(this);">li 2</li>  
<li onclick="changeColors(this);">li 3</li>  
</ul>

li 1
li 2
li 3

#表thead tr{
背景色：#E95420；
颜色：#fff；
}
.导航选项卡>li>a{
颜色：#888888！重要；
边界：中等无；
}
.nav选项卡>li>a:悬停{
背景色：#C3C3！重要；
边界：中等无；
边界半径：0；
颜色：#fff；
}
.nav选项卡>li>a:激活{
背景色：#C3C3！重要；
边界：中等无；
边界半径：0；
颜色：#fff；
}
.nav选项卡>li.active>a、.nav选项卡>li.active>a:悬停、.nav选项卡>li.active>a:焦点{
颜色：#fff！重要；
背景色：#E95420！重要；
边框：1px实心#8888888！重要；
}

1
2
3
4
5
6

$（函数（）{
变量li=$（'li[role=“tab”]”）；
li.on（'click'，function（）{
li.removeClass（'active'）
$（this.addClass（'active'）；
});
});

#表thead tr{
背景色：#E95420；
颜色：#fff；
}
.导航选项卡>li>a{
颜色：#888888！重要；
边界：中等无；
}
.nav选项卡>li>a:悬停{
背景色：#C3C3！重要；
边界：中等无；
边界半径：0；
颜色：#fff；
}
.nav选项卡>li>a:激活{
背景色：#C3C3！重要；
边界：中等无；
边界半径：0；
颜色：#fff；
}
.nav选项卡>li.active>a、.nav选项卡>li.active>a:悬停、.nav选项卡>li.active>a:焦点{
颜色：#fff！重要；
背景色：#E95420！重要；
边框：1px实心#8888888！重要；
}

1
2
3
4
5
6

$（函数（）{
变量li=$（'li[role=“tab”]”）；
li.on（'click'，function（）{
li.removeClass（'active'）
$（this.addClass（'active'）；
});
});

下面是一个简单而简短的代码，用于更改或设置菜单onclick或活动菜单中项目的颜色

$（文档）.on（'click'，'nav tabs li'，function（）{
$（'.nav tabs li'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
.nav选项卡li{
颜色：#000000；
}
.导航标签li.active{
颜色：#ff9933；
}


1
2
3
下面是一个简单而简短的代码，用于更改或设置单击菜单或活动菜单中项目的颜色


$（文档）.on（'click'，'nav tabs li'，function（）{
$（'.nav tabs li'）.removeClass（'active'）；
$（this.addClass（'active'）；
});
.nav选项卡li{
颜色：#000000；
}
.导航标签li.active{
颜色：#ff9933；
}


1
2
3
发布您的javascript/jquery function.javascript，仅用于调整其他部分的显示发布您的javascript/jquery function.javascript，仅用于调整其他部分的显示“onclick”需要单独使用您所指的单独？你是说不同的物品有不同的颜色？这意味着我需要使用。。。。function1（）{………}，function2（）{……}，function3（）{……}谢谢你的回答，我用了下面的方法“onclick”需要单独使用你说的单独是什么意思？你是说不同的物品有不同的颜色？这意味着我需要使用。。。。function1（）{………}，function2（）{………}，function3（）{……}感谢您的回答，我使用了以下方式
<ul>  
<li onclick="changeColors(this);">li 1</li>  
<li onclick="changeColors(this);">li 2</li>  
<li onclick="changeColors(this);">li 3</li>  
</ul>