思路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。实例演示如下:
1、HTML结构
<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>
2、javascript代码
windowonload = function(){
var obj_lis = documentgetElementById("test")getElementsByTagName("li");
for(i=0;i<obj_lislength;i++){
obj_lis[i]onclick = function(){
alert(thisinnerHTML);
}
}
}
3、效果演示
<style>ul>li{
float:right
}
</style>
<script language="javascript">
function go_up(){
var len = documentgetElementById('test')innerHTML+='<li>1</li>';
}
</script>
<ul id="test"><li>2</li></ul>
<a href="javascript:go_up()">点我</a>首先
1,先根据选择器选择到目标li元素
2,将选中的li元素通过for循环做选中,你要写入数据,不知道是不是要换标签内容还是,如果换标签内容可以直接通过innerHTML赋值
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)