Testing Immutable DOM

Test Results

Verify 01|02|03|04 does NOT appear.

Only 01|02 should be displayed.

h2: 01

p: 01

Testing Immutable DOM

This code tests the ability of making a DOM Node Immutable.

Step 01: Inital State

DOM Nodes h2 and p are initialized with the value |01.

Step 02: Modified State

The DOM Nodes are then modified to append the value |02 via Javascript.

Step 03: Frozen State

The DOM Nodes are then made immutable to prevent the value |03 from being appended via Javascript.

Step 04: Still in Frozen State

The DOM Nodes are still immutable when using document.getElementById(). This is demonstrated as the value |04 is also NOT appended via Javascript.