zoukankan      html  css  js  c++  java
  • JavaScript的DOM操作。Window.document对象

    间隔执行一段代码:window.setlnteval("需要执行的代码",间隔毫秒数)

                 例 :      window.setlnteval("alert("你好")", 5000)      5秒后执行一次输出"你好"

    1、Window.document对象

    docunment.getElementById(" id  ")   根据id找,最多找一个

    var a= docunment.getElementById(" id  ")   将找到的元素放到变量中(赋值)

    docunment.getElementsByName("name")  根据name找名字,找出来的是数组

    docunment.getElementsByTagName("name")   根据标签名找,找出来的是数组

    docunment.getElementsByClassName("name") 根据classname找,找出来的是数组 

     2、获取非表单元素

    获取内容:

    a.innerHTML  将标签中的HTML代码和文字都获取

    ainnerText  只获取里面的文字    获取标签内部的值,用这两个属性

    格式如下 ;输出的值为<b>1234567</b>

    例:获取文本框中提交的value值 

    <body>
    <form>
    请输入文字:<input type="text"  value="" id="wz"/>   /*文本域*/
    <input type="button" value="按钮"  onclick="nn()">   /*普通按钮,鼠标点击时*/
    </form>
    
    </body>
    </html>
    <script>
     function nn()      /*函数,需要调用才能执行*/
     {
    	 var a= document.getElementById("wz").value     /*获取id为wz的标签中的value值*/
    	 alert("您输入的文字为"+a)     /*输出*/
     }
    
    </script>
    

    效果图如下:

      

    在a标签中添加 onclick="return flase" 则不会跳转链接

    操作内容:

    a.setAttribute("属性名","属性值")   设置一个属性进行更改

    a.getAttribute("属性名")    获取属性的值

    a.removeAttribute("属性名")  移除属性

    例:

    要求在文本框中输入123,并点击按钮

    <form>
    请在文本框中输入123:<input type="text"  value="" id="wz" sr="123"/>   /*文本框中需要输入123*/
    <input type="button" value="按钮"  onclick="nn()">       /*普通按钮,鼠标点击时执行函数*/
    </form>
    
    </body>
    </html>
    <script>
     function nn() /*函数*/
     {
          var a= document.getElementById("wz")    /*获取到id为wz的标签,并将获取到的元素赋值给a*/
    	  var a1=a.value     /*将a中的value值赋值给a1*/
    	  var b= a.getAttribute("sr");    /*获取a中的sr属性的值,并赋值给b*/
    	    if(a1==b)       /*判断,当a1=b(文本框中输入的值与我们设定的值相等时)*/
    		{
    			alert("输入正确")    /*输出*/
    		}
     }
    
    </script>
    

      

     2.延迟按钮 ,在十秒之后可点击

    <form>
    
    
    
    <input  type="button" id="a" disabled="disabled" value="十秒之后可点击(10)" />    /*设置一个按钮,并且不可点击*/
    
    </form>
    </body>
    </html>
    <script>
    
     var sj=10;
     var b=document.getElementById("a");
     function ty()
     {
    	 sj--;
    	 if(sj==0)
    	 {
    		b.removeAttribute("disabled")
    		b.value("同意") 
    	 }
    	 else
    	 {
    		 a.value="十秒之后可点击("+sj+")"
    		 window.setTimeout("ty()",1000)
    	 }
     }
    

      效果图如下:

  • 相关阅读:
    sockjs-node/info 请求错误
    vue项目中 —— rem布局适配方案
    JS判断对象是否为空
    JS生成一个特定格式随机数
    vue项目中axios请求网络接口封装
    vue报错——error Unexpected console statement no-console
    vue切换页面修改网页的标题
    处理js两个数相乘的坑
    js科学计数法问题
    (9)kendo UI使用基础介绍与问题整理——Validator/基础说明、实例介绍
  • 原文地址:https://www.cnblogs.com/zhaotiancheng/p/6105026.html
Copyright © 2011-2022 走看看