浅析JS中document对象的一些重要属性

2014-03-06 14

可以通过这些属性访问到页面中的每一个元素和它们的属性,每一个标签都可以通过它们对应的数组去访问他们的属性

一: forms数组对象:代码网页中所有form标签的集合

二: anchors数组对象:指定了网页中所有指定了name或id属性的<a>标签的集合,但不包括指定了href标签的集合

三:links数组对象  指所有指定了href属性的<a>标签的集合

四:images数组对象:指定了文档中所有的<img>标签的集合

五:scripts数组对象:代表了文档中所有的<script>标签的集合

六:applets数组对象:代表了文档中所有的<applets>标签的集合

七:all数组对象:代表所有文档中所有的标签

八:styleSheets数组对象:文档中所有引入的样式表的集合

九:body对象:代表文档当中套在<body>标签对里面的HTML子元素,可以作为body对象的属性来引用

十:title对象:代表文档中的<title>标签对,用来设置和引用网页标签栏上的内容

它们的引用范例:
document.all.imag1.src
document.images.imag1.src
document.images.item("imag1").src
document.images.item(0).src

其它元素的访问也可以使用同样的方法,当然必须为要访问的对象指定name或ID属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了...

展开阅读全文

更多Javascript文章

基于jQuery的360图片展示实现代码
Jun 14 16
jquery Moblie入门—hello world的示例代码学习
Jan 08 24
解决Jquery向页面append新元素之后事件的绑定问题
Mar 16 22
JavaScript监听文本框回车事件并过滤文本框空格的方法
Apr 16 25
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 83
详解JS中Array对象扩展与String对象扩展
Jan 07 22
检查表单元素的值是否为空的实例代码
Jun 16 16
手机访问当前页面