首页 > 其他 > 详细

Document原来可以这样来获取DOM

时间:2014-03-14 17:13:45      阅读:165      评论:0      收藏:0      [点我收藏+]

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.表单名.控件名  

Document原来可以这样来获取DOM,布布扣,bubuko.com

Document原来可以这样来获取DOM

原文:http://www.cnblogs.com/huntaheart/p/3600231.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!