小知识点

这是一个简单的判断，在制作网页的时候经常会遇到，自己也会经常写，所以在这里写出来；
 
    要求:
  • 获取文本框元素,并判断输入的内容;
  • 如果输入的内容为武侯区,则在后面的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>

posted on 2017-04-04 19:33  小小的西红柿  阅读(102)  评论(0)    收藏  举报

导航