获取兄弟节点
-
btn.nextElementSibling: 获取当前节点的下一个兄弟节点- 兼容性: 支持IE9和其他浏览器
-
nextSibling: 兼容IE6,7, 8 - 兼容性写法(使用逻辑或的特殊性):
btn.nextElementSibling || btn.nextSibing
-
parentNode获取父节点- 注意: 获取谁的父节点, 由谁调用
- 通过子节点获取父节点
var father = son.parentNode;
-
getElementsByClassName()通过类名获取元素- 参数: ClassName
- 返回值: 返回同类名的所有子节点数组
- 注意: 谁调用就获取谁的节点
- 兼容性: IE9以上和其他浏览器
- 处理兼容性: 判断非0即真
Boolean(btn.getElementsByClassName)
- 处理兼容性: 判断非0即真
获取文档子元素
-
document.head获取head -
document.title获取title-
document.title = 'hi'设置文档标题
-
-
document.body通过文档获取body -
document.documentElement获取html -
document.write()往文档里写入内容(文本, HTML标签)
九宫格思想
- 案例: 动态创建节点. 发微博
获取日期对象-11
//1.获取日期对象
var myDate = new Date();
//2.Date() 返回当日的日期和时间
console.log(Date()); //Sun Nov 12 2017 16:16:45 GMT+0800 (中国标准时间)
//3.getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
console.log(myDate.getDate());
//4.getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 0 周日, 6 周六
console.log(myDate.getDay());
//5.getMonth() 从 Date 对象返回月份 (0 ~ 11)。
console.log(myDate.getMonth() + 1);
//6.getFullYear() 从 Date 对象以四位数字返回年份
console.log(myDate.getFullYear());
//7.getHours() 返回 Date 对象的小时 (0 ~ 23)。
console.log(myDate.getHours());
//8.getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
console.log(myDate.getMinutes());
//9.getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
console.log(myDate.getSeconds());
//10.getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
console.log(myDate.getMilliseconds());
//11.getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
// 时间戳
console.log(myDate.getTime());
JS对象
- 本质: JS对象是以键值对的方式保存数据的{key:value}. 其他语种中, 这种格式叫做字典
- 键是属性名, 值是属性值
- 注意: JS对象是无序的数据集合
- 如何获取值的方式
-
对象.键
- JS中使用点语法获取属性值应该是不变的, 如果是变化的使用点语法获取不到
-
对象[键]
- 获取属性/ 给属性赋值, 是可以的
- style也是对象, 里面储存的都是键值对
-
for in
for(var key in object){ 循环体 } //执行: 每遍历一次, 声明一个变量key, 从对象中取一个键值对, 将js中的键赋值给key //取值: js对象,根据键取值 对象[键]
-
JSON
- 什么是JSON?
- 它是JavaScript对象的表示法.
- 它是轻量级传输数据的格式, 本质是一个字符串
- JSON 比 XML 更小、更快，更易解析。
- JSON与JavaScript区别
- JS对象: 是以键值对的方式保存数据, 以大括号进行包括的{key:value}
- JSON是JavaScript对象的字符串表示法,它使用文本表示一个js对象的信息,本质是一个字符串
- JSON和JavaScript相互转换
-
JSON.stringify(): JavaScript对象转换成JSONvar json = JSON.stringify({a: "Hello", b: "world"}); //结果是'{"a":"Hello","b":"World"}' -
JSON.parse(): 从JSON转换为JavaScript对象方法var obj= JSON.parse('{"a":"Hello","b":"World"}') //结果是{a: 'Hello', b: 'World'}
-
- 案例: JSON动态加载
