JavaScript and the DOM

4.

Manipulating DOM Elements

4.1.

Changing Element Content

4.1.1.

textContent Property

4.1.1.1.

Setting Text Content

4.1.1.2.

Getting Text Content

4.1.1.3.

Security Benefits

4.1.2.

innerText Property

4.1.2.1.

Rendering Considerations

4.1.2.2.

Layout Dependencies

4.1.2.3.

Browser Differences

4.1.3.

innerHTML Property

4.1.3.1.

Setting HTML Content

4.1.3.2.

Getting HTML Content

4.1.3.3.

4.1.3.4.

4.1.3.5.

Input Sanitization

4.2.

Modifying Attributes

4.2.1.

getAttribute() Method

4.2.2.

setAttribute() Method

4.2.3.

hasAttribute() Method

4.2.4.

removeAttribute() Method

4.2.5.

Attribute Properties

4.2.5.1.

4.2.5.2.

4.2.5.3.

4.2.6.

Properties vs Attributes

4.2.6.1.

Synchronization Behavior

4.2.6.2.

Type Differences

4.3.

Manipulating Styles

4.3.1.

4.3.1.1.

4.3.1.2.

Setting CSS Properties

4.3.1.3.

CamelCase Conversion

4.3.2.

Computed Styles

4.3.2.1.

getComputedStyle() Method

4.3.2.2.

Reading Effective Styles

4.3.3.

4.3.3.1.

className Property

4.3.3.2.

4.3.3.2.1.

4.3.3.2.2.

remove() Method

4.3.3.2.3.

toggle() Method

4.3.3.2.4.

contains() Method

4.3.3.2.5.

replace() Method

4.3.3.3.

Multiple Class Management

Previous

3. Traversing the DOM Tree

Go to top

Next

5. Creating and Inserting DOM Elements