DOM div in div: Difference between revisions
Jump to navigation
Jump to search
| Line 85: | Line 85: | ||
</div> | </div> | ||
==A contains B== | ==A contains B and C== | ||
<div class='qu'> | <div class='qu'> | ||
<pre class='usr'> | <pre class='usr'> | ||
| Line 110: | Line 110: | ||
let b = document.createElement('div'); | let b = document.createElement('div'); | ||
b.innerHTML = 'B'; | b.innerHTML = 'B'; | ||
let c = document.createElement('div'); | |||
c.innerHTML = 'C'; | |||
document.body.append(a); | document.body.append(a); | ||
a.append(b); | a.append(b); | ||
a.append(c); | |||
| Line 124: | Line 127: | ||
`;</pre> | `;</pre> | ||
</div> | </div> | ||
==A contains B== | ==A contains B== | ||
Revision as of 06:13, 11 September 2021
A contains B
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 = '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;
}
`;
A contains B, B contains C
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 = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
let c = document.createElement('div');
c.innerHTML = 'C';
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;
}
`;
A contains B and C
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 = 'A';
let b = document.createElement('div');
b.innerHTML = 'B';
let c = document.createElement('div');
c.innerHTML = 'C';
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;
}
`;
A contains B
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 = '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;
}
`;
A contains B
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 = '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;
}
`;
A contains B
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 = '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;
}
`;