Please enable JavaScript.

Coggle requires JavaScript to display documents.

JS基礎 - Coggle Diagram

- - - - 透過' . ', [' key '], 來取值
      - 如果遇到xxx.001(錯誤), xxx['001'](成功)
      - delete obj.name(刪除物件屬性為name)
      - 'name' in obj => true = obj.hasOwnProperty
    - - a.length=1 (元素0後元素皆移除)
      - a.push; a.pop
  - - - '+' 連接字串
        
        字串兩邊非字串型態則自動呼叫轉型
        
        number, boolean, object => .toString()
        
        null, undefined => String()
        
        由左而右, 先乘除後加減
        
        var str = "10+100="+(num1+num2);
      - '\' 換行,跳脫字元
  - - - int_a = int_b
  - - - obja = objb
- - - - 不可刪除(全域變數) Ex: var a=10; delete window.a (false)
      - 可刪除(直接指定屬性) Ex: window.a = 10; delete window.a (true)
      - DOM(Document Object Modal)
        
        DOM API提供html的介面, 讓js能存取改變架構樣式
        
        var myList = document.getElementById('myList');
        
        // 取得 "<li>Item 02</li>" 的元素
        
        var oldNode = document.querySelectorAll('li')[1];
        
        // 建立 li 元素節點
        
        var newNode = document.createElement('li');
        
        // 建立 textNode 文字節點
        
        var textNode = document.createTextNode("Hello world!");
        
        newNode.appendChild(textNode);
        
        // 將原有的 oldNode 替換成新節點 newNode
        
        myList.replaceChild(newNode, oldNode);