码迷,mamicode.com
首页 > 其他好文 > 详细

小知识点

时间:2017-04-04 20:13:19      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:知识   rip   change   inpu   bsp   val   body   也会   判断   

这是一个简单的判断,在制作网页的时候经常会遇到,自己也会经常写,所以在这里写出来;
 
    要求:
  • 获取文本框元素,并判断输入的内容;
  • 如果输入的内容为武侯区,则在后面的span元素中提示: OK;如果不是,则提示: No
  •   <!DOCTYPE html>
      <html>
      <head lang="en">
      <meta charset="UTF-8">
      <title></title>
      </head>
      <body>
      <div>
      <input type="text" id="mytxt" onchange="txtchange()"/>
      <span></span>
      </div>
      <ul>要求:
      <li>获取文本框元素,并判断输入的内容;</li>
      <li>如果输入的内容为武侯区,则在后面的span元素中提示: OK;如果不是,则提示: No</li>
      </ul>
      <script>
      function txtchange(){
      var c=document.getElementById("mytxt").value;
      var span=document.getElementsByTagName("span");
      if(c=="武侯区"){
      for(var i=0;i<span.length;i++){
      span[i].innerHTML="OK";
      }
       
      }
      else{
      for(i=0;i<span.length;i++){
      span[i].innerHTML="NO";
      }
      }
      }
      </script>
      </body>
      </html>

小知识点

标签:知识   rip   change   inpu   bsp   val   body   也会   判断   

原文地址:http://www.cnblogs.com/host717/p/6666163.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!