Document.all[]的用法详解编程语言

Document.all[]是文档中所有标签组成的一个数组变量 包括了文档对象中所有元素

自己写的一个简单例子 供参考:

Document.All.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
  <head> 
    <title>Document.All.html</title> 
	 
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
    <meta http-equiv="description" content="this is my page"> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
  </head> 
   
  <body> 
	    <p id="test1">test1</p> 
	    <p id="test2">test2</p> 
	    <p id="test3">test3</p> 
	    <p id="test4">test4</p> 
	    <form action=""> 
	         <input name="mytext" value="input"><br> 
	    </form> 
  </body> 
  <script type="text/javascript"> 
    var origLength = document.all.length; //取得document.all 所有标签的数量   
    alert(origLength); 
    for (i = 0; i < origLength; i++) {  
    	document.write("document.all["+i+"]="+document.all[i].tagName+"<br>");  
    }  
    document.all[8].style.backgroundColor='red';               //通过 index顺序  
    document.all["test2"].style.backgroundColor='yellow';      //通过ID 属性   
    document.all["mytext"].style.backgroundColor='blue';       //通过name属性  
    document.all.tags("p")[2].style.backgroundColor='gray';    //通过标签  返回一个数组  
    document.all["input"].value='test'; 
</script> 
</html> 

浏览器输出结果如下:

Document.all[]的用法详解编程语言

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/14560.html

(0)
上一篇 2021年7月19日
下一篇 2021年7月19日

相关推荐

发表回复

登录后才能评论