獲取兄弟節點
-
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動態加載
