字符串查找—练习一

来源：互联网发布：阿里云短信群发接口编辑：程序博客网时间：2024/06/05 19:45

html部分

<body>    <p><span>妙味课堂是一支独具特色的IT培训团队，妙味反对传统IT教育枯燥乏味的教学模式，妙味提供一种全新的快乐学习方法！<br />2013年底，妙味课堂最新推出“远程培训”服务，受到很多朋友们的喜爱与追捧，我们必将更加努力的帮助远程学习的朋友实现技术提升</span>……<a href="javascript:;">>>收缩</a></p></body>

css部分

<style>     p{ border:10px solid #ccc; background:#FFC; width:400px; padding:20px; font-size:16px; font-family:微软雅黑; margin:40px auto 0;}</style>

js部分

<script>      window.onload = function(){          var op = document.getElementsByTagName("p")[0];          var aspan = op.getElementsByTagName("span")[0];          var oa = op.getElementsByTagName("a")[0];          var onoff = true;          var str = aspan.innerHTML;          oa.onclick = function(){              if(onoff){                  aspan.innerHTML = str.substring(0,18);   //截取0——18的字符串;                  oa.innerHTML = ">>展开";              }else{                  aspan.innerHTML = str;                  oa.innerHTML = ">>收缩";              }              onoff =! onoff;          };      }</script>

效果图

这里写图片描述

阅读全文

0 0