编程 Javascript

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

Posted in Javascript onMarch 06, 2014

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

一： 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属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了...

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript效率调优经验

Jun 04 Javascript

jquery简单瀑布流实现原理及ie8下测试代码

Jan 23 Javascript

简单几行JS Code实现IE邮件转发新浪微博

Jul 03 Javascript

实现音乐播放器的代码（html5+css3+jquery）

Aug 04 Javascript

JavaScript多图片上传案例

Sep 28 Javascript

jquery siblings获取同辈元素用法实例分析

Jul 25 Javascript

js动态生成form 并用ajax方式提交的实现方法

Sep 09 Javascript

js实现淡入淡出轮播切换功能

Jan 13 Javascript

手机端转换rem适应

Apr 01 Javascript

浅谈Webpack打包优化技巧

Jun 12 Javascript

ES6基础之解构赋值(destructuring assignment)

Feb 21 Javascript

vue 组件中使用 transition 和 transition-group实现过渡动画

Jul 09 Javascript

浅析jquery的js图表组件highcharts

Mar 06 #Javascript

JavaScript利用构造函数和原型的方式模拟C#类的功能

Mar 06 #Javascript

javascript简单实现命名空间效果

Mar 06 #Javascript

深入剖析JavaScript中的枚举功能

Mar 06 #Javascript

javascript模拟枚举的简单实例

Mar 06 #Javascript

js模拟C#中List的简单实例

Mar 06 #Javascript

js模拟hashtable的简单实例

Mar 06 #Javascript

You might like

DOTA2 玩家自创拉野攻略特色英雄快速成长篇

2020/04/20 DOTA

Array of country list in PHP with Zend Framework

2011/10/17 PHP

smarty高级特性之对象的使用方法

2015/12/25 PHP

php面向对象编程self和static的区别

2016/05/08 PHP

PHP一致性hash分布式算法封装类定义与用法示例

2018/08/04 PHP

PHP实现八皇后算法

2019/05/06 PHP

Yii框架页面渲染操作实例详解

2019/07/19 PHP

用javascript实现的仿Flash广告图片轮换效果

2007/04/24 Javascript

javascript 密码强度验证规则、打分、验证（给出前端代码，后端代码可根据强度规则翻译）

2010/05/18 Javascript

javascript中普通函数的使用介绍

2013/12/19 Javascript

JS判断字符串长度的5个方法（区分中文和英文）

2014/03/18 Javascript

jquery跨域请求示例分享(jquery发送ajax请求)

2014/03/25 Javascript

JavaScript两种跨域技术全面介绍

2014/04/16 Javascript

jQuery CSS()方法改变现有的CSS样式

2014/08/20 Javascript

《JavaScript高级编程》学习笔记之object和array引用类型

2015/11/01 Javascript

javascript使用闭包模拟对象的私有属性和方法

2016/10/05 Javascript

如何提高javascript加载速度

2016/12/26 Javascript

JS实现简易的图片拖拽排序实例代码

2017/06/09 Javascript

vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能

2018/03/01 Javascript

详解Vue CLI 3.0脚手架如何mock数据

2018/11/23 Javascript

JavaScript 斐波那契数列倒序输出输出100以内的质数代码实例

2019/09/11 Javascript

Node.js API详解之 assert模块用法实例分析

2020/05/26 Javascript

Python使用pickle模块储存对象操作示例

2018/08/15 Python

关于numpy中eye和identity的区别详解

2019/11/29 Python

Python -m参数原理及使用方法解析

2020/08/21 Python

如何用Python绘制3D柱形图

2020/09/16 Python

html5时钟实现代码

2010/10/22 HTML / CSS

澳大利亚免息网上购物：Shop Zero

2016/09/17 全球购物

德国、奥地利和瑞士最大的旅行和度假门户网站：HolidayCheck

2019/11/14 全球购物

文明教师事迹材料

2014/01/16 职场文书

大学社团计划书

2014/05/01 职场文书

医院护士工作检讨书

2014/10/26 职场文书

社区元宵节活动总结

2015/02/06 职场文书

中秋节祝酒词

2015/08/12 职场文书

男方家长婚礼答谢词

2015/09/29 职场文书

Linux中各个目录的作用与内容

2022/06/28 Servers