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

 更新时间:2014年03月06日 10:07:11   作者:  
本篇文章主要是对JS中document对象的一些重要属性进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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

一: 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或asp实现的判断身份证号码是否正确两种验证方法

    javascript或asp实现的判断身份证号码是否正确两种验证方法

    在网页中经常需要输入正确的身份证号码,只能通过程序来验证身份证格式。根据身份证号码生成的原理,就是验证后面几位就可以了。
    2009-11-11
  • 调用js时ie6和ie7,ff的区别

    调用js时ie6和ie7,ff的区别

    主要考虑到一些浏览器的兼容性问题,这个是经常遇到的,大家可以参考下。
    2009-08-08
  • PassWord输入框代码分享

    PassWord输入框代码分享

    这篇文章主要介绍了PassWord输入框的代码,代码简单易懂,非常实用,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 如何利用echarts画雷达图和折柱混合

    如何利用echarts画雷达图和折柱混合

    最近使用echarts做的一个H5的成绩数据报告,里面使用了雷达图已经折线图和柱状图,下面这篇文章主要给大家介绍了关于如何利用echarts画雷达图和折柱混合的相关资料,需要的朋友可以参考下
    2022-04-04
  • 深入浅析JavaScript中对事件的三种监听方式

    深入浅析JavaScript中对事件的三种监听方式

    最近这段时间因为每天要修改网站,为网站做特效,所以看了很多的js接触事件,自己只会使用一小部分,有时用的时候也比较混乱,现在系统的整理了一下,本篇文章跟大家分享的是JavaScript中对事件的三种监听方式
    2015-09-09
  • JS上传前预览图片实例

    JS上传前预览图片实例

    上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。
    2013-03-03
  • 简单的加密css地址防止别人下载你的CSS文件的方法

    简单的加密css地址防止别人下载你的CSS文件的方法

    阻止别人不那么容易下载或查看到你的CSS文件,高手可能阻止不了,不过新手们一时会不知所措,费一番周折了
    2009-10-10
  • JS实现网页游戏中滑块响应鼠标点击移动效果

    JS实现网页游戏中滑块响应鼠标点击移动效果

    这篇文章主要介绍了JS实现网页游戏中滑块响应鼠标点击移动效果,涉及JavaScript针对页面鼠标事件、滚动事件及元素属性等相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js加强的经典分页实例

    js加强的经典分页实例

    js加强的经典分页实例,需要的朋友可以参考一下
    2013-03-03
  • JavaScript学习小结(7)之JS RegExp

    JavaScript学习小结(7)之JS RegExp

    在js中,正则表达式是由一个RegExp对象表示的,RegExp 是正则表达式的缩写。RegExp简单的模式可以是一个单独的字符。更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。可以使用一个RegExp()构造函数来创建RegExp对象,也可以使用直接量语法
    2015-11-11

最新评论