纷纭教育
您的当前位置:首页浅析JS中document对象的一些重要属性_javascript技巧

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

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

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

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

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

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

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

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

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

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

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

十:title对象:代表文档中的标签对,用来设置和引用网页标签栏上的内容</P> <P>它们的引用范例:<BR>document.all.imag1.src<BR>document.images.imag1.src<BR>document.images.item("imag1").src<BR>document.images.item(0).src</P> <P>其它元素的访问也可以使用同样的方法,当然必须为要访问的对象指定name或ID属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了... </mip-showmore> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/detail_dy.js"></script> <script type="text/javascript" src="https://jss.fenyunshixun.cn/mobile/detail_left.js"></script> <script type="text/javascript" src="https://jss.fenyunshixun.cn/mobile/detail_gg2.js"></script> </div><div on="click:showmore01.toggle" data-closetext="收起全文" class="mip-showmore-btn">显示全文</div> <div class="ppo_prev"> </div> </div> <script type="text/javascript" src="https://jss.fenyunshixun.cn/mobile/detail_foot.js"></script> <script type="text/javascript" src="https://jss.fenyunshixun.cn/mobile/share_cebian_gg1.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_xgyd.js"></script> <script type="text/javascript" src="https://jss.fenyunshixun.cn/mobile/share_cebian_gg2.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/mobile/share_cebian_rmtj.js"></script> <script type="text/javascript" src="https://jss.huatuo6.com/pc/tj_foot4.js"></script><footer class="map-footer"> <!-- <p class="mind_e"><img src="images/logo.png" alt=""></p> --> <p class="copyright"> Copyright © 2019-<span class="currentYear"></span> fenyunshixun.cn 版权所有 <br> <a href="https://beian.miit.gov.cn/" target="_blank">湘ICP备2023022495号-9</a></p> <script type="text/javascript"> const currentYear = new Date().getFullYear(); $('.currentYear').html(currentYear) </script> </footer> </body> </html>