javascript-1

最新推荐文章于 2024-08-31 08:26:38 发布

touso

最新推荐文章于 2024-08-31 08:26:38 发布

阅读量67

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/touso/article/details/118704829

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

getElementById

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // var pat=/a{3}/;
        // var str="aaabacaed";
        //alert(pat.test(str));
         function onclickFun(){
             var spobj=document.getElementById("ip001");
             spobj.innerHTML="jioplk";
            var obj=document.getElementById("id001");
            var ut=obj.value;
            var patt=/^\w{5,12}$/;
            if(patt.test(ut)){
                //alert("合法");
                spobj.innerHTML="合法";
            }else{
                //alert("不合法");
                spobj.innerHTML="不合法";
            }
         }

    </script>
</head>
<body>
    用户姓名：<input type="text"  value="opi" id="id001"/>
    <span style="color: red" id="ip001"></span>
    <button onclick="onclickFun()">校验</button>
</body>
</html>

getElementsByName

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script type="text/javascript">
    function checkAll(){
      var obj=document.getElementsByName("hobby");
      for(var i=0;i<obj.length;i++){
        obj[i].checked=true;
      }
    }
    function checkNo(){
      var obj=document.getElementsByName("hobby");
      for(var i=0;i<obj.length;i++){
        obj[i].checked=false;
      }
    }
    function checkReverse(){
      var obj=document.getElementsByName("hobby");
      for(var i=0;i<obj.length;i++){
        if(obj[i].checked==true)obj[i].checked=false;
        else obj[i].checked=true;
      }
    }
  </script>
</head>
<body>
兴趣爱好：
<input value="app" name="hobby" type="checkbox" checked="checked">C++
<input value="java" name="hobby" type="checkbox">Java
<input value="js" name="hobby" type="checkbox">JavaScript
<br/>
<button onclick="checkAll()">全选</button>
<button onclick="checkNo()">全不选</button>
<button onclick="checkReverse()">反选</button>

</body>
</html>

getElementsByTagName

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script type="text/javascript">
    function checkAll(){
      var obj=document.getElementsByTagName("input");
      //alert(obj);
      for(var i=0;i<obj.length;i++){
        obj[i].checked=true;
      }
    }
  </script>
</head>
<body>
兴趣爱好：
<input value="app" type="checkbox" checked="checked">C++
<input value="java" type="checkbox">Java
<input value="js" type="checkbox">JavaScript
<br/>
<button onclick="checkAll()">全选</button>

</body>
</html>