document.images、document.forms、doucument.links——>HTMLCollection

由于历史原因,HTMLDocument类定义了一些快捷属性来访问各种各样的节点。例如,images、forms、links等属性指向香味类似只读数组的<img>、<form>、<a>(但只包含哪些有href属性的a标签)元素集合。这些属性指代HTMLCollection对象,他们很像NodeList对象,但是除此之外他们可以用元素的ID或者名字来索引。早些时候我们已经看到用如下的表达式来引用命名的<form>元素;

//针对<form name="shipping_address">元素,得到Element对象

var form = document.shipping_address

用document.forms属性也可以更具体的引用命名(或有ID的)表单,如下

document.forms.shipping_address

HTMLDocument对象还定义了两个属性,他们指代特殊的单个元素而不是元素的集合。document.body是一个HTML文档的<body>元素,document.head是<head>元素。

时间: 2024-10-13 01:47:06

document.images、document.forms、doucument.links——>HTMLCollection的相关文章

js中的 window.location、document.location、document.URL 对像的区别(转载)

原文:http://www.cr173.com/html/18417_1.html 当我们需要对html网页进行转向的时候或是读取当前网页的时候可以用到下面三个对像: window.location.document.location.document.URL 对当前网页进行跳转 我们先来看看 document 与 window对象: [window 对象]  它是一个顶层对象,而不是另一个对象的属性即浏览器的窗口. [document 对象] 该对象是window和frames对象的一个属性,

document.body、document.documentElement和window获取视窗大小的区别

来源:http://www.ido321.com/906.html 在w3school关于window对象的介绍中,介绍了获取浏览器窗口大小的三种方法(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.innerHeight – 浏览器窗口的内部高度 window.innerWidth – 浏览器窗口的内部宽度 对于 Internet Explorer 8.7.6.5: document.

Unit06: 外部对象概述 、 window 对象 、 document 对象

Unit06: 外部对象概述 . window 对象 . document 对象 小代码演示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script> //1.确认框 function del() { var b = confirm("确定要删除此数据吗?&qu

野兽的Angular Api 学习、翻译及理解 - - $anchorScroll、$controller、$document

野兽的ng api学习 -- $anchorScroll.$controller.$document $anchorScroll 根据HTML5的规则,当调用这个函数时,它检查当前的url的hash值并且滚动到相应的元素. 监听$location.hash()并且滚动到url指定的锚点的地方.可以通过$anchorScrollProvider.disableAutoScrolling()禁用. 依赖:$window   $location   $rootScope 使用:$anchorScrol

$(document).height()、$(document).scrollTop()

(document).height().$(document).scrollTop(): jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变jQuery(document).height()是不变的. $(document).scrollTop() 获取垂直滚动的距离 即当

$(document).ready() 、window.onload、body.Onload()、 $(window).load、image.onload的区别

首先说说window和document,直观上来讲,window代表的是浏览器窗口,而document代表的是浏览器窗口中加载的dom元素,进一步说,document是window的一个属性,window是最顶级的对象. 二者有啥区别呢?很好理解,假设现在有一个浏览器,里边加载的页面特别长,已经超出了一屏,当然,肯定会出现滚动条了,这时候,$(window).height()和$(document).height()是不相等的,document的高度肯定要比window的大,因为window窗口

5月15日上课笔记-js中 location对象的属性、document对象、js内置对象、Date事件对象、

location的属性: host: 返回当前主机名和端口号 定时函数: setTimeout( ) setInterval() 二.document对象 getElementById(); 根据ID值获取一个DOM对象 getElementsByName(); 根据name属性值获取多个Dom对象 getElementsByTagName(); 根据标签获取多个DOM对象 获取标签体内容 innerHTML 获取input的value值 value 获取下拉框选中的值 value this 代

关于浏览器window、document、html、body高度的探究

首先说明本人所理解的这几个元素的计算 window高度应当是文档所在窗口的可视高度(没有包括浏览器的滚动条),计算方法document.documentElement.clientHeight document高度应该为文档内容的高度,计算方法Math.max(document.body[ "scrollHeight" ], document.documentElement[ "scrollHeight"]) html高度应当为html元素的高度(包括边框滚动条),

window、document、html、body、element的事件属性比较

在分析jQuery的事件的时候有提到绑定事件的方式: Dean Edwards的跨浏览器事件绑定使用的方式是 element["on" + type] = handleEvent; 即绑定的事件的前提条件是element.onxxx属性必须存在. jQuery的绑定方式是使用浏览器的绑定绑定方法 if ( elem.addEventListener ) { elem.addEventListener( type, eventHandle, false ); } else if ( el