Difference between revisions of "DOM div in div"
Jump to navigation
Jump to search
(18 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<pre id='shellbody' data-qtp='DOM'></pre> | <pre id='shellbody' data-qtp='DOM'></pre> | ||
== | [[Image:UK.png|right|thumb|UK map]] | ||
==UK contains England== | |||
<div class='qu'> | <div class='qu'> | ||
<pre class='usr'> | <pre class='usr'> | ||
Line 21: | Line 22: | ||
`;</pre> | `;</pre> | ||
<pre class='ans'> | <pre class='ans'> | ||
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; | |||
} | |||
`;</pre> | |||
</div> | |||
==UK contains England, England contains London== | |||
<div class='qu'> | |||
<pre class='usr'> | |||
let a = document.createElement('div'); | let a = document.createElement('div'); | ||
a.innerHTML = 'A'; | a.innerHTML = 'A'; | ||
Line 27: | Line 50: | ||
document.body.append(a); | document.body.append(a); | ||
a.append(b); | a.append(b); | ||
let css = document.createElement('style'); | |||
document.head.append(css); | |||
css.innerText = ` | |||
div{ | |||
border:solid; | |||
padding: 1ex; | |||
margin: 1ex; | |||
} | |||
`;</pre> | |||
<pre class='ans'> | |||
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; | |||
} | |||
`;</pre> | |||
</div> | |||
==UK contains England and Scotland== | |||
<div class='qu'> | |||
<pre class='usr'> | |||
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; | |||
} | |||
`;</pre> | |||
<pre class='ans'> | |||
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; | |||
} | |||
`;</pre> | |||
</div> | |||
==England and Scotland, England contains London== | |||
<div class='qu'> | |||
<pre class='usr'> | |||
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; | |||
} | |||
`;</pre> | |||
<pre class='ans'> | |||
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; | |||
} | |||
`;</pre> | |||
</div> | |||
==UK contains England and Scotland, Scotland contains Edinburgh== | |||
<div class='qu'> | |||
<pre class='usr'> | |||
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; | |||
} | |||
`;</pre> | |||
<pre class='ans'> | |||
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); | |||
Revision as of 09:43, 11 September 2021
UK contains England
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; } `;
UK contains England, England contains London
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; } `;
UK contains England and Scotland
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; } `;
England and Scotland, England contains London
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; } `;
UK contains England and Scotland, Scotland contains Edinburgh
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; } `;