DOM
来源:互联网 发布:亚投行薪水待遇知乎 编辑:程序博客网 时间:2024/06/08 17:27
1.DOM:文档对象模型;
作用:1.赋予js操作节点的能力。当网页加载时浏览器会创建页面的DOM。
2.getElementById; getElementsTagName;
3.对dom的支持程度;iE 10%, Chrome 60%, FF 90%,
4.节点
子节点:childNodes(包括文本节点和元素节点)
nodeType:节点类型
nodeType==3 文本节点
nodeType==1 元素节点
children:只包括元素;兼容所有浏览器;
父节点:parentNode(); 用子元素控制父元素时用到;
offsetParent:获取某个元素定位的父级
5.1首尾子节点
ie6---ie8用有效
firstChild:
lastChild:
其他:
firstElementChild
lastElementChild
5.2兄弟子节点
ie6---ie8用有效
nextSibling:
previousSibling:
其他:
nextElementSibling
previousElementSibling
.
[]
能用点的也可用[]
setAttribute('属性名称','属性值');
7.用className选择元素
封装函数
7.1.获取父元素
7.2.获取子元素
7.3.循环子元素,找到每一个子元素;
//oParent父级元素,sClass子元素
function getByClass(oParent,sClass){
var a=oParent.getElementsByTagName('*');//*指所有的标签;
var b=[]; //设置一个数组,用来储存获取判断后的每一个子元素
for(var i=0;i<a.length;i++){
if(a[i].className==sClass){
b.push(a[i]);
}
}
return b;//循环结束后返回到数组中;
}
- DOM
- DOM
- dom
- dom
- DOM
- dom
- DOM
- DOM
- DOM
- DOM
- DOM
- dom
- dom
- Dom
- dom
- DOM
- DOM
- DOM
- 关于前端自动化gulp的入门使用
- Eclipse Java注释模板设置详解
- 【ssm个人博客项目实战06】博客类别的添加修改删除的实现
- mysql复制表
- java 泛型介绍
- DOM
- 去掉 index.php
- Json入门
- 【JAVA】在MAC系统安装APACHE TOMCAT的详细步骤
- 各平台动态库、静态库表现形式
- EXSI上虚拟机硬盘的扩展
- 552. Student Attendance Record II
- git版本控制开发流程小结笔记(一)
- 39. Combination Sum Medium