表单验证及更改页面背景图片

表单验证：

css内容部分：/* .hover{
                color:red;
            }
            .orger{
                color:#00ff00;
            }
            div{
                color:#000;
                display:inline-block;
            } */
 

HTML内容部分：

           <!-- 1，表单的验证 -->
        <!--     <input type="text" id="intet">
            <div>请输入6-16位字符</div> -->

js部分

// var input=document.getElementById('intet');
            // var div=document.querySelector('div');
            // input.οnfοcus=function(){
            //     input.innerHTML='请输入6-16位字符';
            //     input.className='';
            // }
            // input.οnblur=function(){
            //     var dull=this.value;
            //     if(dull.length>6&&dull.length<12){
            //         div.innerHTML='输入的合法';
            //         div.className='orger';
            //     }else{
            //         div.innerHTML='输入的不合法';
            //         div.className='hover';
            //     }
            // }

更改页面背景图片：

css内容部分：

     /*     .nav img{
                 display:inline-block;
                width:200px;
                height:210px;
            } */

HTML内容部分：

<!-- <div class="nav">
         <img src="img/1.png">
         <img src="img/2.jpg">
         <img src="img/3.jpg" >
        </div> -->

js内容部分：

// var img=document.querySelectorAll('img');
            // for(var i=0;i<img.length;i++){
            //     img[i].οnclick=function(){
            //         var src=this.src;
            //     document.body.style.backgroundImage='url('+src+')';
            //     document.body.style.backgroundSize='cover';
            //     }

            // }