Question

js如何获得当前li下的span文本？

比如,当鼠标点击到第二个<li>上，alert会获得“第二个”数据
<ul>
<li><a onClick="test()">001<span>第一个</span></a></li>
<li><a onClick="test()">003<span>第二个</span></a></li>
<li><a onClick="test()">005<span>第三个</span></a></li>
<li><a onClick="test()">007<span>第四个</span></a></li>
<li><a onClick="test()">009<span>第五个</span></a></li>
</ul>
<ul>
<li><a onClick="test()">011<span>第六个</span></a></li>
</ul>

Answer 1

使用window.getSelection().getRangeAt(0).toString();
注意window对象，iframe中的选中使用相应的window对象
定位光标的话，有些可以使用focus函数。对于不可编辑的区域要使用Range对象。
然后window.getSelection().removeAllRanges();//去除现有的光标（选中区域）
window.getSelection().addRange(Range对象);//添加选中区域选中的范围

Answer 2

<script>
function test(elem){
alert(elem.getElementsByTagName("span")[0].innerHTML);
}
</script>

<li><a onClick="test(this)">009<span>第五个</span></a></li>

追问

非常感谢，测试成功，但是能否解释一下
为什么要[0]？代表了啥意思

追答

getElementsByTagName("span")可能会得到多个对象，所以不管你是1个还是多个它都会返回一个数组，取【0】即第一个！

Answer 3

function test(e){

var objText = e.childNodes[0].innerHTML;
alert(objText);

}

<li><a href='javascirpt:;' onclick="test(this)">003<span>第二个</span></a></li>