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的更多相关文章

  1. 用document.onreadystatechange和document.readyState确保文档加载完毕才获取DOM

    document.onreadystatechange = function(){ //document.readyState有“interactive”和“complate”两个值 if(docum ...

  2. document.getElementById 和 document.getElementsByClassName获取DOM元素的区别

    想必小伙伴们对于 JS 获取DOM的几种方法早已烂熟于心,了然于胸,   尤其是 document.getElementById 和 document.getElementsByClassName, ...

  3. 通过class和id获取DOM元素的区别

    1.通过id获取DOM元素的方法:document.getElementById("id名") 2.通过class获取DOM元素的方法:document.getElementsBy ...

  4. JS1 js获取dom元素方法

     js获取dom元素方法  1.通过ID选取元素(getElementById) 1)使用方法:document.getElementById("domId")         其 ...

  5. React 点击删除列表中对应项（React 获取DOM中自定义属性）

    点击删除按钮,删除列表中对应项本来是React比较基础的应用,可是应用情况变得复杂了以后,我还真想了一会儿才搞定. 简化一下应用场景:点击新增按钮,增加一条输入框,点击输入框旁边的按钮,删除该输入框( ...

  6. 获取DOM元素位置和尺寸大小

    JavaScript获取DOM元素位置和尺寸大小 在一些复杂的页面中经常会用JavaScript处理一些DOM元素的动态效果,这种时候我们经常会用到一些元素位置和尺寸的计算,浏览器兼容性问题也是不可忽 ...

  7. javascript中获取dom元素的高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网 ...

  8. ionic2 获取dom节点

    ionic2页面上面获取dom节点,可以直接用原生的方法,document.querySelector()等, 但是不建议这样使用,建议使用官方的.就是要在获取的节点上加上#name的属性(相当于ge ...

  9. Vue获取dom和数据监听

    Vue获取dom对象 在js和jq中我们都能获取dom对象例如 // 获取id=1的div标签 <div id=d1>dom对象</div> // js语法 let ele = ...

随机推荐

  1. keil c51中C程序的启动过程

    汇编是从org 0000h开始启动,那么keil c51是如何启动main()函数的?keil c51有一个启动程序startup.a51,它总是和c程序一起编译和链接.下面看看它和main()函数是 ...

  2. Common Words

    Common Words Let's continue examining words. You are given two string with words separated by commas ...

  3. Android下的SQLite数据库的相关操作及AndroidTestCase测试

    一:创建数据库 package com.itcode.mysqlite; import android.content.Context; import android.database.sqlite. ...

  4. Razor Generator 将cshtml自动生成对应的CS文件

  5. 在CDHtmlDialog中处理WindowClosing

    要截获window.close(),就得截获CDHtmlDialog的WindowClosing.以下是示例代码: // header DECLARE_EVENTSINK_MAP() void Win ...

  6. Shortest Word Distance 解答

    Question Given a list of words and two words word1 and word2, return the shortest distance between t ...

  7. Hdu2437-Jerboas(取余数判重搜索)

    Jerboas are small desert-living animals, which resemble mice with a long tufted tail and very long h ...

  8. Java虚拟机体系结构深入研究总结

    工作以来,代码越写越多,程序也越来越臃肿,效率越来越低,对于我这样一个追求完美的程序员来说,这是绝对不被允许的,于是除了不断优化程序结构外,内存优化和性能调优就成了我惯用的“伎俩”. 要对Java程序 ...

  9. flex渐变色制作圆角橙色按钮

    <?xml version="1.0" encoding="utf-8"?> <s:SparkButtonSkin xmlns:fx=&quo ...

  10. 腾讯TT浏览器应用程序发生异常（0xc0000409) 位置为0x027a1f7f 的解决办法

    2013年8月26日下午,腾讯TT浏览器 4.8版1000 出现“应用程序发生异常(0xc0000409)  位置为0x027a1f7f ”的错误,导致浏览器自动关闭. 无论重新卸载安装还是 清理系统 ...