11月26号,Window.document对象

Posted 赵天成123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了11月26号,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)
	 }
 }

  效果图如下:

以上是关于11月26号,Window.document对象的主要内容,如果未能解决你的问题,请参考以下文章

3月26日htmlwindow document

3月26 document的练习

3.26课·········window.document对象

产生数组的方法 12月26号

4号团队-团队任务3:每日立会(11月26日至12月7日)

JuJu团队11月26号工作汇报