欢迎来到计算机相关教程网!

JavaScript

当前位置: 主页 > 网页制作 > JavaScript

DOM的元素获取

时间:2023-05-19 10:31:46|栏目:JavaScript|点击:


一.根据id获取元素

1.因为文档页面从上向下加载,所以JS的内容写在标题的下面。

2.  getElementById  get:获取   Element:元素 By:通过

(驼峰命名法)

3.参数id是大小写敏感的字符串。

4.DOM 返回的是一个元素对象。

5.console.dir与console.log(typleof 属性名)

显示的是打印我们返回的元素对象,更容易看到里面的属性和方法。

二.根据标签获取元素

1. getElementByTagName:返回的是获取元素对象的集合,以伪数组的形式存在。

2  <ul><li>编程</li></ul>……

console.log(lis[0]);

例如我们想一次打印ul中的元素对象我们可以采取遍历的方式

例如:  for(var i=0;i<lis.length;i++){

console.log(lis[i]);}

3.element.getElementByTagName 可以得到这些元素里的某些标签

例如

……

var nav = document.getElementById('he'); 获得he里的元素。

var navlis = nav.getElementsByTagName('li');  获得li里的元素,最后在输出navlis。


上一篇:innerText和innerHTML的区别

栏    目:JavaScript

下一篇:暂无

本文标题:DOM的元素获取

本文地址:http://www.wangzhanteacher.com/index.php?m=home&c=View&a=index&aid=267

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:8044517 | 邮箱:8044517@qq.com

Copyright © 2022-2025 计算机相关教程网 版权所有冀ICP备17010187号