Please enable JavaScript.

Coggle requires JavaScript to display documents.

24.5: Adding to the DOM - Coggle Diagram

- - - - create a new element
        
        const paragraph = document.createElement('p')
      - set the properties
        
        paragraph.innerHTML = "To get a colour consultation... colours actually suit you."
    - - descriptions[0].appendChild(paragraph)
    - - const descriptions = document.querySelectorAll(".blurb p");
  - - - bit more flexible
        
        can add multiple nodes
        
        can just add text :check:
      - but used in a similar way
- - - - to remove the specified child
    - - const firstParagraph = document.querySelector(".blurb p");
    - - section.removeChild(firstParagraph)
    - - const section = document.querySelector(".blurb");
    - - const firstParagraph = document.querySelector(".blurb p");
      - firstParagraph.parentElement.removeChild(firstParagraph)
  - - - newer method
    - - const firstParagraph = document.querySelector(".blurb p");
    - - firstParagraph.remove()