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";
}

温馨提示:内容为网友见解,仅供参考
第1个回答  2016-10-25
function jk(obj){
//要用到obj的参数。我写到
var ul=document.getElementById('obj');
var lii=ul.getElementsByTagName('li')[0];
lii.onclick =function(){
alert(1)
}

}

jk( "ul1" );

js 点击ul下面的其中一个li改变背景颜色 li其中一句:<li onclick="td...
使用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++)...

js点击ul中某个li标签,改变这个li标签的背景图,当点击其它li标签时前...
3、在test.html文件内,设置第一个li标签的id为mytest,主要用于下面通过该id获得li对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“改变li的值”。5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行editli()函数。6、在js标签中,创建editli()...

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变...
DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<\/title><\/head><body> <ul id="list"> <li>第1项<\/li> <li>第2项<\/li> <li>第3项<\/li> <li>第4项<\/li> <\/ul> <script> var lis = document.querySelectorAll...

<ul>中的<li>我点击一个<li>后这个的<li>改变背景色和字体颜色其他不变...
i); lis[i].onclick=function(){ for(var i=0;i<lis.length;i++){ if(this.getAttribute("index")==i){ lis[i].style.color="#fff"; lis[i].style.backgroundColor="#666"; }else{ lis[i].style.

<ul>中的<li>我点击一个<li>后其它的<li>全变背景色,求JS和CSS代码
<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);...

js如何实现只要点击对应按钮 对应的li就自动排列到第一位相当于置顶
<html> <body> <ul> <li onclick="topLine(event)">111<\/li> <li onclick="topLine(event)">222<\/li> <li onclick="topLine(event)">333<\/li> <\/ul> <\/body><\/html><script type="text\/javascript">\/\/思路:获取当前行,复制,删除,插入到第一行。

【JS】单击导航背景改变,直到单击另一个导航背景恢复?
<ul id="myDiv"> <li>a<\/li> <li>b<\/li> <\/ul> <script type="text\/javascript"> ("li", $("#myDiv")).each(function () { var liJQ = $(this);liJQ.bind("click", function () { var thisJQ = $(this);("#myDiv").find("li").removeClass("aCss");thisJQ.add...

html css js导航点击菜单后自动改变背景颜色
1、建立一个静态页命名为change.html ,标题为js导航点击的怎么同时变图片跟字体颜色。2、设置一个简易的导航栏。3、加css 控制菜单的样式,并加入背景图片。4、为li添加id,创建函数fun ,并传递传递参数。5、为函数加入点击导航改变背景图片的代码element.style.backgroundImage="url(images\/bg2.png)...

...<li><span>abc<\/span><\/li>时,改变其背景颜色JS(php)代码?_百度知 ...
<html><ul id="123" style="background-color:red" style="list-style:none;"> <li id="456" onClick="this.style.background='#CCCCCC'"><span>abc<\/span><\/li> <\/ul><\/html> 增加了: onClick="this.style.background='#CCCCCC'" 事件 ...

求一个javascript功能,实现点击过的菜单变色。
建议用jquery库实现.具体是4个菜单的母容器设ID=mother,4个菜单分别在一个li里如下 <ul id="mother"> <li onclick="changeClass(this)";><\/li> <\/ul> function changeClass(a){ ("#mother").children("li").removeClass("被点击的菜单的CSS类");(a).addClass("被点击的菜单的CSS类")...

相似回答