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)
	 }
 }

　　效果图如下：

posted @ 2016-11-26 19:39  赵天成123  阅读(680)  评论(0)  编辑  收藏  举报