獲取兄弟節點

• btn.nextElementSibling: 獲取當前節點的下一個兄弟節點
  • 兼容性: 支持IE9和其他瀏覽器
  • nextSibling: 兼容IE6,7, 8
  • 兼容性寫法(使用邏輯或的特殊性): btn.nextElementSibling || btn.nextSibing
• parentNode獲取父節點
  • 注意: 獲取誰的父節點, 由誰調用
  • 通過子節點獲取父節點var father = son.parentNode;
• getElementsByClassName() 通過類名獲取元素
  • 參數: ClassName
  • 返回值: 返回同類名的所有子節點數組
  • 注意: 誰調用就獲取誰的節點
  • 兼容性: IE9以上和其他瀏覽器
    • 處理兼容性: 判斷非0即真Boolean(btn.getElementsByClassName)

獲取文檔子元素

• 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對象是無序的數據集合
• 如何獲取值的方式

  1. 對象.鍵

     • JS中使用點語法獲取屬性值應該是不變的, 如果是變化的使用點語法獲取不到

  2. 對象[鍵]

     • 獲取屬性/ 給屬性賦值, 是可以的
     • style也是對象, 里面儲存的都是鍵值對

  3. 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對象轉換成JSON

      var 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動態加載