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. [POJ] 1064 Cable master (二分查找)

    题目地址:http://poj.org/problem?id=1064 有N条绳子,它们的长度分别为Ai,如果从它们中切割出K条长度相同的绳子,这K条绳子每条最长能有多长. 二分绳子长度,然后验证即可 ...

  2. 唯品会安卓版app分析

    .................................................................................................... ...

  3. LeetCode_Convert Sorted List to Binary Search Tree

    Given a singly linked list where elements are sorted in ascending order, convert it to a height bala ...

  4. 《Programming WPF》翻译 第5章 3.命名属性

    原文:<Programming WPF>翻译 第5章 3.命名属性 通过把同样的内嵌样式提升到资源中(正如第一章介绍的),我们可以给它一个名字,以及按名字使用它在我们的Button实例上, ...

  5. PowerShell中的输出

    1 输出重定向 >  或者>> 2 输出控制 out-* -paging#分页输出 get-process | out-host -paging more指令用于屏显 get-pro ...

  6. Absolute sort

    Absolute sort Let's try some sorting. Here is an array with the specific rules. The array (a tuple) ...

  7. ECharts API

    From:http://echarts.baidu.com/echarts2/doc/doc.html 简介 名词解析 图表类型 line bar scatter k pie radar chord ...

  8. 【HDU1162】Eddy's picture（MST基础题）

    很基础的点坐标MST,一不留神就AC了, - - !! #include <iostream> #include <cstring> #include <cstdlib& ...

  9. 详述.NET里class和struct的异同

    结构与类共享几乎所有相同的语法,但结构比类受到的限制更多:尽管结构的静态字段可以初始化,结构实例字段声明还是不能使用初始值设定项. 结构不能声明默认构造函数(没有参数的构造函数)或析构函数. 结构的副 ...

  10. linux内核--内存管理（二）

    一.进程与内存     所有进程(执行的程序)都必须占用一定数量的内存,它或是用来存放从磁盘载入的程序代码,或是存放取自用户输入的数据等等.不过进程对这些内存的管理方式因内存用途不一而不尽相同,有些内 ...