间隔执行一段代码：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)

	 }

 }

　　效果图如下：

JavaScript的DOM操作。Window.document对象的更多相关文章

  1. JavaScript（四）——DOM操作——Window.document对象

    一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById(&qu ...

  2. JavaScript——DOM操作——Window.document对象

    一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunment.getElementById(&qu ...

  3. HTML中 DOM操作的Document 对象详解(收藏)

    Document 对象Document 对象代表整个HTML 文档,可用来访问页面中的所有元素.Document 对象是 Window 对象的一个部分,可通过 window.document 属性来访 ...

  4. 第一百一十六节，JavaScript，DOM操作样式

    JavaScript,DOM操作样式 一．操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检 ...

  5. 网站开发综合技术 三 JavaScript的DOM操作

    第3部分 JavaScript的DOM操作 1.DOM的基本概念 DOM是文档对象模型,这种模型为树模型:文档是指标签文档:对象是指文档中每个元素:模型是指抽象化的东西. 2.Windows对象操作 ...

  6. Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:     var a =docunme ...

  7. Window.document对象 轮播练习

    Window.document对象 一.找到元素:     docunment.getElementById("id"):根据id找,最多找一个:     var a =docun ...

  8. HTML Window.document对象

    1.Window.document对象 一.找到元素: docunment.getElementById("id"):根据id找,最多找一个:    var a =docunmen ...

  9. JS中window.document对象

    小知识点注:外面双引号,里面的双引号改为单引号:                  在div里面行高设置和整个外面高度一样,才能用竖直居中,居中是行居中                  文本框取出来 ...

随机推荐

  1. Fedora Static Configure

    Background Currenlty! I am work on fedora system, but the static-ip has required, but the fedora hav ...

  2. 一条Select语句丛生到死的处理过程

    以一条普通的“select * from table order by …”语句为例.图2-21中显示为该语句在数据库中各个组件之间的处理过程,各个步骤分别代表: (1)select语句通过网络传送给 ...

  3. salesforce 零基础开发入门学习（三）sObject简单介绍以及简单DML操作（SOQL）

    salesforce中对于数据库操作和JAVA等语言对于数据库操作是有一定区别的.salesforce中的数据库使用的是Force.com 平台的数据库,数据表一行数据可以理解成一个sObject变量 ...

  4. ES2005 js =>

    ES2005 js => 不会写js Learn ES2015

  5. apache2添加模块和添加站点

    apache2添加模块和添加站点 linux下的apache2的目录和windows上的区别还是很大的,但是用起来却更方便了,详解请看另一篇文章http://www.cnblogs.com/wancy ...

  6. 关于BUG率的计算和它的实际意义的思考

    我的微信号是Shalayang,以下是我的二维码名片,欢迎添加. 问题1:bug率有什么作用? my opion:用处有很多,需要具体情况具体分析,不过主要作用一般是来评价工作产品的质量.如果bug率 ...

  7. React 入门实例教程

    现在最热门的前端框架,毫无疑问是 React . 上周,基于 React 的 React Native 发布,结果一天之内,就获得了 5000 颗星,受瞩目程度可见一斑. React 起源于 Face ...

  8. Android 自定义View及其在布局文件中的使用示例(三):结合Android 4.4.2_r1源码分析onMeasure过程

    转载请注明出处 http://www.cnblogs.com/crashmaker/p/3549365.html From crash_coder linguowu linguowu0622@gami ...

  9. Android线程机制——AsyncTask

    对于Android为什么要使用多线程,因为从Android4.0之后,谷歌规定了网络操作不允许放在主线程中执行,由此就有了多线程的机制,有个JAVA学习经验的朋友一定知道多线程指的是什么,简单来讲就是 ...

  10. 微信开发 -- 搭建基于ngrok的微信本地调试环境

    第一步,安装ngrok客户端 (1)首先先到官网下载个客户端 http://natapp.cn/,选择适合的客户端类型,本人选择的是windows版 (2)下载后,解压,可以看到如下目录: 第二步,开 ...