========================================================================================================================
const host1 = document.getElementById('host1'); const shadowRoot1 = host1.attachShadow({ mode: 'open' }); // Create some content for the first Shadow DOM shadowRoot1.innerHTML = `

This is the first Shadow DOM.

 `; // Create the second Shadow DOM inside the first Shadow DOM const host2 = shadowRoot1.getElementById('host2'); const shadowRoot2 = host2.attachShadow({ mode: 'open' }); // Create some content for the second Shadow DOM shadowRoot2.innerHTML = `

This is the second Shadow DOM nested inside the first.

Link Link1
`; ========================================================================================================================
========================================================================================================================
const host3 = document.getElementById('host3'); const shadowRoot3 = host3.attachShadow({ mode: 'open' }); // Create some content for the first Shadow DOM shadowRoot1.innerHTML = `

This is the first Shadow DOM.

`; // Create the second Shadow DOM inside the first Shadow DOM const host4 = shadowRoot1.getElementById('host4'); const shadowRoot3 = host4.attachShadow({ mode: 'open' }); // Create some content for the second Shadow DOM shadowRoot3.innerHTML = `

This is the second Shadow DOM nested inside the first.

Link Link1
`; ========================================================================================================================