点击页面li显示li中文字

简介:
复制代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body onload=showLi()>
  <ul id="myUl">
    <li>111</li>
    <li>222</li>
    <li>333</li>
  </ul>
 </body>
</html>

<script type="text/javascript">
<!--
    function showLi(){
        var ul=document.getElementById("myUl");
        var lis=ul.getElementsByTagName("li");

        for(var i=0;i<lis.length;i++){
            lis[i].onclick=function(){
                alert(this.innerHTML);// this是关键
            };
        }
    }
//-->
</script>
复制代码

 











本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/xiandedanteng/p/7462943.html,如需转载请自行联系原作者


相关文章
|
6月前
点击div显示下拉框,然后下拉框中的点击事件不生效。
点击div显示下拉框,然后下拉框中的点击事件不生效。
|
前端开发
盘点HTML中常见的ul ol 列表和常见的列表标记图标
盘点HTML中常见的ul ol 列表和常见的列表标记图标
322 0
盘点HTML中常见的ul ol 列表和常见的列表标记图标
|
Web App开发 容器
Div并排显示
Div并排显示
|
搜索推荐 项目管理 UED
网站页面title标题的设置方法技巧
网站页面title标题的设置方法技巧
1109 0
点击事件获得li标签内容
通过点击事件获得li标签内容 Table of contents 随笔 随笔 数据 //点击会显示'数据' function liClick(data){ console.log($(data).text()); }
1368 0
|
前端开发 JavaScript
ul li 实现层级列表显示
实现效果如下:     实现要求具体如下: 1.标题有序号 上图标记1 2.标题下面的子集标题要有一定的缩进,且子集标题也有一定的序号,上图标记 2 3.如果子集标题内容过长,换行的时,开始的位置不能超过对应序号的位置,如上图标记3 dom: ...
1561 0