Difference between revisions of "DOM div in div"

From ProgZoo
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 e = document.createElement('div');
let a = document.createElement('div');
e.innerHTML = 'Hello';
a.innerHTML = 'A';
document.body.append(e);
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 e = document.createElement('div');
let a = document.createElement('div');
e.innerHTML = 'Hello world';
a.innerHTML = 'A';
document.body.append(e);
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;
}
`;