Please enable JavaScript.

Coggle requires JavaScript to display documents.

FRONT-END BASIC___DOM (Ajax-DOM :warning: (DOM(Document Object Model) là…

- - - - document.ELEMENT_NODE(1): thông thường như html, head, body, title, h1, p,...
      - document.TEXT_NODE(3): Thành phần text trên trang web
      - document.COMMENT_NODE(8): thành phần comment
    - - Mỗi DOM node luôn chứa rất nhiều liên kết đến các Dom node
        khác(https://drive.google.com/file/d/1irHDQj2svk-dMg9KCgTC8qF84gs78H6j/view?usp=sharing)
        
        Node.parentNode trỏ đến Node cha của một Node, nếu một node không có node cha(document) thì parentNode là null
        
        Node.childNodes
        
        Trỏ đến một đối tượng gần giống với array
        
        Vì đối tượng này không chứa các method như slice, forEach
        
        Ví dụ: Với node Body , childNodes là một danh sách với các node con là h1, p,div,...
        
        Node.firstChild trỏ đến node đầu tiên của một node trong childNodes
        
        Node.lastChild trỏ đến Node con cuối cùng của một Node trong childNodes
        
        Node.previousSibling trỏ đến node liền kề phía trước
        
        Node.nextSibling trỏ đến node liền kề phía sau (có cùng parentNode)
    - - Node.getElementsByTagName("tagName") trả về một danh sách các node con , cháu của một node với tag là "tagName"
      - Node.getElementsByClassName('className') tương tự như phương thức trên thì phương thức này trả về một danh sách các node con cháu của node có thuộc tính class= "className"
      - Node.getElementById('id') trả về node có thuộc tính id = 'id'
      - Node.removeChild(child) bỏ đi node child của một node và trả về node bỏ đi
      - Node.appendChild(child) thêm node Child vào cuối danh sách childNodes của một node
      - Node.insertBefore(newNode, referenceNode) chèn thêm newNode vào trước node referenceNode
      - Node.replaceChild(newChild, oldChild)
      - Document.createTextNode(data) tạo ra một node kiểu text với giá trị text là data
      - Document.createElement(tagName) tạo ra một node có kiểu là tagName(h1, h2, p, ...)
      - Document.querySelector(selectors) trả về node đầu tiên thỏa mãn selectors. Trong đó , selector là một string chứa một hay nhiều CSS-selector phân tách nhau bằng dấu phẩy
      - Trả về danh sách các node thoả mãn selectors, theo thứ tự sử dụng thuật toán DFS.