DOM div in div: Difference between revisions
Jump to navigation
Jump to search
Tag: Reverted |
Tag: Manual revert |
||
Line 214: | Line 214: | ||
} | } | ||
`;</pre> | `;</pre> | ||
</div> | </div> |
Revision as of 07:53, 12 August 2022

1) UK contains England
Input
xxxxxxxxxx
let a = document.createElement('div');
a.innerHTML = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
document.body.append(a);
a.append(b);
let css = document.createElement('style');
document.head.append(css);
css.innerText = `
div{
border:solid;
padding: 1ex;
margin: 1ex;
}
`;
Output
let a = document.createElement('div'); a.innerHTML = 'A'; let b = document.createElement('div'); b.innerHTML = 'B'; document.body.append(a); a.append(b); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
let a = document.createElement('div'); a.innerHTML = 'UK'; let b = document.createElement('div'); b.innerHTML = 'England'; document.body.append(a); a.append(b); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
2) UK contains England, England contains London
Input
xxxxxxxxxx
let a = document.createElement('div');
a.innerHTML = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
document.body.append(a);
a.append(b);
let css = document.createElement('style');
document.head.append(css);
css.innerText = `
div{
border:solid;
padding: 1ex;
margin: 1ex;
}
`;
Output
let a = document.createElement('div'); a.innerHTML = 'A'; let b = document.createElement('div'); b.innerHTML = 'B'; document.body.append(a); a.append(b); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
let a = document.createElement('div'); a.innerHTML = 'UK'; let b = document.createElement('div'); b.innerHTML = 'England'; let c = document.createElement('div'); c.innerHTML = 'London'; document.body.append(a); a.append(b); b.append(c); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
3) UK contains England and Scotland
Input
xxxxxxxxxx
let a = document.createElement('div');
a.innerHTML = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
document.body.append(a);
a.append(b);
let css = document.createElement('style');
document.head.append(css);
css.innerText = `
div{
border:solid;
padding: 1ex;
margin: 1ex;
}
`;
Output
let a = document.createElement('div'); a.innerHTML = 'A'; let b = document.createElement('div'); b.innerHTML = 'B'; document.body.append(a); a.append(b); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
let a = document.createElement('div'); a.innerHTML = 'UK'; let b = document.createElement('div'); b.innerHTML = 'England'; let c = document.createElement('div'); c.innerHTML = 'Scotland'; document.body.append(a); a.append(b); a.append(c); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
4) England and Scotland, England contains London
Input
xxxxxxxxxx
let a = document.createElement('div');
a.innerHTML = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
document.body.append(a);
a.append(b);
let css = document.createElement('style');
document.head.append(css);
css.innerText = `
div{
border:solid;
padding: 1ex;
margin: 1ex;
}
`;
Output
let a = document.createElement('div'); a.innerHTML = 'A'; let b = document.createElement('div'); b.innerHTML = 'B'; document.body.append(a); a.append(b); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
let a = document.createElement('div'); a.innerHTML = 'England'; let b = document.createElement('div'); b.innerHTML = 'Scotland'; let c = document.createElement('div'); c.innerHTML = 'London'; document.body.append(a); document.body.append(b); a.append(c); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
5) UK contains England and Scotland, Scotland contains Edinburgh
Input
xxxxxxxxxx
let a = document.createElement('div');
a.innerHTML = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
document.body.append(a);
a.append(b);
let css = document.createElement('style');
document.head.append(css);
css.innerText = `
div{
border:solid;
padding: 1ex;
margin: 1ex;
}
`;
Output
let a = document.createElement('div'); a.innerHTML = 'A'; let b = document.createElement('div'); b.innerHTML = 'B'; document.body.append(a); a.append(b); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;
let uk = document.createElement('div'); let en = document.createElement('div'); let sc = document.createElement('div'); let ed = document.createElement('div'); uk.innerHTML = 'UK'; en.innerHTML = 'England'; sc.innerHTML = 'Scotland'; ed.innerHTML = 'Edinburgh'; document.body.append(uk); uk.append(en); uk.append(sc); sc.append(ed); let css = document.createElement('style'); document.head.append(css); css.innerText = ` div{ border:solid; padding: 1ex; margin: 1ex; } `;