Document原来可以这样来获取DOM

images集合(页面中的图象)

 a)通过集合引用 
代码

  1. document.images              //对应页面上的<img>标签   
  2. document.images.length       //对应页面上<img>标签的个数   
  3. document.images[0]           //第1个<img>标签              
  4. document.images[i]           //第i-1个<img>标签  

 b)通过nane属性直接引用 

代码
  1. <img name="oImage">   
  2.     document.images.oImage       //document.images.name属性  

 c)引用图片的src属性 
代码

  1. document.images.oImage.src   //document.images.name属性.src  

 d)创建一个图象 
代码

  1. var oImage   
  2. oImage = new Image()   
  3. document.images.oImage.src="/1.jpg"  


同时在页面上建立一个<img>标签与之对应就可以显示 

代码
  1. <html>  
  2. <img name=oImage>  
  3. <script language="javascript">  
  4.     var oImage   
  5.     oImage = new Image()   
  6.     document.images.oImage.src="/1.jpg"  
  7. </script>  
  8. </html>  

forms集合(页面中的表单)

 a)通过集合引用 
代码

  1. document.forms                  //对应页面上的<form>标签   
  2. document.forms.length           //对应页面上<form>标签的个数   
  3. document.forms[0]               //第1个<form>标签   
  4. document.forms[i]               //第i-1个<form>标签   
  5. document.forms[i].length        //第i-1个<form>中的控件数   
  6. document.forms[i].elements[j]   //第i-1个<form>中第j-1个控件  

 b)通过标签name属性直接引用 

代码
    1. <form name="Myform"><input name="myctrl"></form>  
    2. document.Myform.myctrl          //document.表单名.控件名  
原文地址:https://www.cnblogs.com/huntaheart/p/3600231.html