JavaScript and the DOM

  1. Manipulating DOM Elements
    1. Changing Element Content
      1. textContent Property
        1. Setting Text Content
          1. Getting Text Content
            1. Security Benefits
            2. innerText Property
              1. Rendering Considerations
                1. Layout Dependencies
                  1. Browser Differences
                  2. innerHTML Property
                    1. Setting HTML Content
                      1. Getting HTML Content
                        1. Security Risks
                          1. XSS Prevention
                            1. Input Sanitization
                          2. Modifying Attributes
                            1. getAttribute() Method
                              1. setAttribute() Method
                                1. hasAttribute() Method
                                  1. removeAttribute() Method
                                    1. Attribute Properties
                                      1. id Property
                                        1. src Property
                                          1. href Property
                                          2. Properties vs Attributes
                                            1. Synchronization Behavior
                                              1. Type Differences
                                            2. Manipulating Styles
                                              1. Inline Styles
                                                1. style Property
                                                  1. Setting CSS Properties
                                                    1. CamelCase Conversion
                                                    2. Computed Styles
                                                      1. getComputedStyle() Method
                                                        1. Reading Effective Styles
                                                        2. CSS Classes
                                                          1. className Property
                                                            1. classList API
                                                              1. add() Method
                                                                1. remove() Method
                                                                  1. toggle() Method
                                                                    1. contains() Method
                                                                      1. replace() Method
                                                                      2. Multiple Class Management

                                                                  Previous

                                                                  3. Traversing the DOM Tree

                                                                  Go to top

                                                                  Next

                                                                  5. Creating and Inserting DOM Elements