JavaScript-2-2:DOM(重点),封装类
来源:互联网 发布:杭州java培训班包住 编辑:程序博客网 时间:2024/06/06 00:09
1、DOM:
Js是由三部分组成的: ECMAscript 、DOM 、BOM
ECMAscript(核心欧洲计算机制造商协会):描述了JS的语法和基本对象
DOM(文档对象模型):处理网页内容的方法和接口
BOM(浏览器对象模型):与浏览器交互的方法和接口
DOM为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构,目的就是为了能让JS操作 html 元素而制定的一个规范。
DOM树:将网页划分为这样的结构
2、封装自己的class类:(笔试题,解决兼容性问题)
我们要取得所有的盒子,利用遍历的方法,通过每一个盒子的className来判断,如果想等就留下:(重点)
3、判断真假:
假:+0,-0,null,“ ” ,undefined(5个)
4、访问关系:
1)父节点:
parentNode 一层,亲的
2)兄弟节点:
nextSibling 下一个兄弟,亲的
nextElementSibling 其他浏览器认识的
previousSibling 上一个兄弟,亲的
previousElementSibling 其他浏览器认识的
我们想要兼容,可以合写 || :
(必须先写 正常浏览器 后写 IE678)
3)子节点:
firstChild 第一个孩子,ie678
firstElementChild 第一个孩子,正常浏览器
合写:var one.firstElementChild || one.firstChild;
5、4孩子节点:(重点)
childNodes:选出全部的孩子,他是标准属性,他返回指定元素的子元素集合,包括HTML节点,所有属性,文本节点
// 火狐,谷歌等高版本会把换行也看做是子节点
利用 nodeType == 1 时才是元素节点 来获取元素节点,标签 ,元素
children:选取所有的孩子,只有元素节点。(这个更好,用这个)
ie 678 包含 注释节点 这个要避免开。尽量少注释就行
6、DOM的节点操作:
1)创建节点:
2)插入节点:
a、appendChild( ) ; 添加孩子 放到盒子的最后面
b、insertBefore(插入的节点 ,参照节点 ) ; 添加孩子
// 放到第一个孩子的前面,如果第二个参数为null,则默认放到最前面
3)删除节点:
removeChild( ) ;
4)克隆节点:
cloneNode( ) ; 复制节点
括号里面可以跟参数:
如果里面是 true 则为深层复制,除了复制本盒子还要复制子节点
如果为false则为浅层复制,只复制本节点,不复制子节点
阅读全文
0 0
- JavaScript-2-2:DOM(重点),封装类
- JavaScript整理(2)--DOM
- javascript(封装2) prototype
- JavaScript DOM 2
- JavaScript DOM基础2
- JavaScript (2)dom对象
- JavaScript 2 DOM
- 读书笔记-javascript dom-2
- DOM基础2之设置类名及封装
- 高效JavaScript学习(2)--- DOM编程
- JavaScript基本概念—DOM(2)
- 面向对象的基础 2 摘抄笔记 封装性(重点)
- JavaScript基础入门 封装DOM 连缀
- Javascript DOM学习笔记2
- JavaScript-2-7:DOM总结
- Struts2 重点总结 (2)
- java--数组2(重点)
- 说说 JavaScript 在 DOM 2、3 级的变化(相对于 DOM 1 级)
- Java之——内存溢出案例
- Iterator原理(jdk1.8)
- Java实现选择排序和冒泡排序
- 枚举法填运算符
- Java多线程看我这一篇就足够了
- JavaScript-2-2:DOM(重点),封装类
- 利用DOM实现图书馆管理系统
- 密码锁(3602017秋招真题)
- 详谈Android apk打包:关于APK数字签名详解介绍
- iOS 在XCode中upload 成功,但是在itunes connect 一直看不到
- 【云计算基础技术提高班之一】体系化认识RPC
- tensorflow 中 variable_scope 与name_scope函数解析
- 浏览器的内核和Javascript引擎
- Master基于ZooKeeper的High Availability源码实现