How to create new HTML element dynamically in run time with JavaScript

70+ SQL courses for beginners and professionals

163 views

asked Jun 12, 2016 by avibootz
edited Jun 12, 2016 by avibootz

Share on

share on gp share on fb share on tw share on li share on re share via email

1 Answer

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<div id="div_id">The exist div text</div>

<script type="text/JavaScript"> 

document.body.onload = addNewElement;

function addNewElement() 
{ 
  var newDiv = document.createElement("div"); 
  var newContent = document.createTextNode("The new div element text"); 
  newDiv.appendChild(newContent); // add the text node to new div

  var currentDiv = document.getElementById("div_id"); 
  document.body.insertBefore(newDiv, currentDiv); 
}

/*
run:

The new div element text
The exist div text
    
*/

</script>

</body>
</html>

70+ SQL courses for beginners and professionals

answered Jun 12, 2016 by avibootz

...

Most popular tags

How to create new HTML element dynamically in run time with JavaScript

1 Answer

Related questions