DOM div in div: Difference between revisions
Jump to navigation
Jump to search
Created page with "<pre id='shellbody' data-qtp='DOM'></pre> ==div inside div== <div class='qu'> <pre class='usr'> let e = document.createElement('div'); e.innerHTML = 'Hello'; document.body.app..." |
|||
| Line 3: | Line 3: | ||
<div class='qu'> | <div class='qu'> | ||
<pre class='usr'> | <pre class='usr'> | ||
let | let a = document.createElement('div'); | ||
a.innerHTML = 'A'; | |||
document.body.append( | let b = document.createElement('div'); | ||
</pre> | 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'> | <pre class='ans'> | ||
let | let a = document.createElement('div'); | ||
a.innerHTML = 'A'; | |||
document.body.append( | let b = document.createElement('div'); | ||
</pre> | 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> | |||
</div> | </div> | ||
Revision as of 06:08, 11 September 2021
div inside div
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;
}
`;