zoukankan      html  css  js  c++  java

  • 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.表单名.控件名  
  • 相关阅读:
    redis的两种安装方法
    http头部信息
    软件测试技术知识
    github使用
    3 python之基础概要
    2 Python之编程语言介绍及变量
    1 Python入门及计算机硬件知识
    Linux常用命令
    CMDB小练习
    CMDB和运维自动化
  • 原文地址：https://www.cnblogs.com/huntaheart/p/3600231.html
Copyright © 2011-2022 走看看