Question

javascript 如何判读我点击的<li>的ID呢？

比如
<li id="a"></li>
<li id="b"></li>
通过onClick()进入点击事件 我曾经用
document.getElementsByTagName('li')[0].id
document.getElementsByTagName('li')[1].id
获取了ID但是却无法判断我点击了哪个<li>
求解呀，如何能判断我点击的是哪个的ID呀

Answer 1

在li的点击事件中加入参数this，以便于获取到当前点击的id

1、定义一个li节点和onclick事件

<li onclick='liclick(this)' id='test'></li>  onclick事件绑定liclick函数，传入参数this,这里的this指li本身

2、定义onclick的js函数

function liclick(self){//这里self接收节点中定义的this
   alert(self.id);//获取当前点击的li的id，这里会弹出id的值是test
}

Answer 2

var LIs =document.getElementsByTagName('li');
for(var i=0;i<LIs.length;i++)
{
if(LIs[i].id=="a")
//点击了第i+1个li. 或者说是 点击了 a所在的li
}

Answer 3

document.getElementById(id)
看不出你要干嘛，不过根据id决定事件处理，那就直接这样写不行么？

Answer 4

这样可可以呀！
<li id="a" onclick="clickObj(this)"></li>
<li id="b" onclick="clickObj(this)"></li>

function clickObj(obj){
alert(obj.id);
}

Answer 5

<SCRIPT>
function getID(oObject)
{
var id = oObject.id;
alert("This object's ID attribute is set to \"" + id + "\".");
}
</SCRIPT>
<TABLE BORDER COLS=3><TR>
<TD ID="firstCell" onclick="getID(this);">Table Cell 1</TD>
<TD ID="secondCell" onclick="getID(this);">Table Cell 2</TD>
<TD ID="thirdCell" onclick="getID(this);">Table Cell 3</TD>
</TR></TABLE>