DOM的元素获取
一.根据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。
您可能感兴趣的文章
- 05-19DOM的元素获取
- 05-07innerText和innerHTML的区别
- 05-05JavaScript的基本变量应用格式
- 04-14利用数学函数随机生成六位数验证码
- 09-26console.dir()是什么意思?
- 09-12js的数组和二维数组教程
- 09-06window.onload事件的用途与格式
- 08-25网页交互开发高级第十四章课后习题及答案
- 08-25网页交互开发高级第十三章课后习题及答案
- 08-25网页交互开发高级第十二章课后习题及答案


阅读排行
推荐教程
- 09-12js的数组和二维数组教程
- 08-25网页交互开发高级第八章课后习题及答案
- 04-14利用数学函数随机生成六位数验证码
- 08-25网页交互开发高级第十四章课后习题及答案
- 05-05JavaScript的基本变量应用格式
- 08-25网页交互开发高级第六章课后习题及答案
- 08-25网页交互开发高级第九章课后习题及答案
- 08-25网页交互开发高级第十一章课后习题及答案
- 08-25网页交互开发高级第十二章课后习题及答案
- 09-26console.dir()是什么意思?