点击页面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,如需转载请自行联系原作者


相关文章
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例(整理)
element中使用走马灯效果el-carousel点击按钮切换第几页demo效果示例(整理)
|
9月前
|
前端开发
css按钮定位在div底部
css按钮定位在div底部
105 0
|
Web App开发 容器
Div并排显示
Div并排显示
|
前端开发
盘点HTML中常见的ul ol 列表和常见的列表标记图标
盘点HTML中常见的ul ol 列表和常见的列表标记图标
285 0
盘点HTML中常见的ul ol 列表和常见的列表标记图标
|
搜索推荐 项目管理 UED
网站页面title标题的设置方法技巧
网站页面title标题的设置方法技巧
1055 0
|
前端开发 JavaScript
将div固定在页面最下面、将百度搜索框嵌入页面
版权声明:转载请注明作者及出处,否则将追究法律责任。 https://blog.csdn.net/q2158798/article/details/79310233 1.
1657 0
点击事件获得li标签内容
通过点击事件获得li标签内容 Table of contents 随笔 随笔 数据 //点击会显示'数据' function liClick(data){ console.log($(data).text()); }
1333 0