DOM Creating content: Difference between revisions

From ProgZoo
Jump to navigation Jump to search
Created page with "==Change Content== <div class='qu'> You can create a div element an set the content. We use the document method '''createElement''' and the DOM node method '''appendChild'''..."
 
No edit summary
Line 6: Line 6:
<pre class='usr'>
<pre class='usr'>
let e = document.createElement('div');
let e = document.createElement('div');
e.body.innerHTML = 'Hello';
e.innerHTML = 'Hello';
document.body.appendChild(e);
document.body.appendChild(e);
</pre>
</pre>
<pre class='ans'>
<pre class='ans'>
let e = document.createElement('div');
let e = document.createElement('div');
e.body.innerHTML = 'Hello world';
e.innerHTML = 'Hello world';
document.body.appendChild(e);
document.body.appendChild(e);
</pre>
</pre>
</div>
</div>

Revision as of 15:14, 10 August 2021

1) Change Content

You can create a div element an set the content.

We use the document method createElement and the DOM node method appendChild

Input


Output

let e = document.createElement('div');
e.innerHTML = 'Hello';
document.body.appendChild(e);
let e = document.createElement('div');
e.innerHTML = 'Hello world';
document.body.appendChild(e);
Served by: dill at 2025-06-19T19:36

Navigation menu