Document createElement() Method - Javascript DOM

Javascript examples for DOM:Document createElement

  1. HOME
  2. Javascript
  3. DOM
  4. Document createElement

Description

The createElement() method creates an Element Node with the specified name.

Parameter Values

Parameter Type Description
nodename String Required. The name of the element you want to create

Return Value:

An Element object, which represents the created Element node

The following code shows how to Create a paragraph element:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<style>
#myDIV {/*  ww w .  j ava2s .c  o  m*/
    border: 1px solid black;
    margin-bottom: 10px;
}
</style>
</head>
<body>

<div id="myDIV">
A DIV element
</div>

<button onclick="myFunction()">Test</button>

<script>
function myFunction() {
    var para = document.createElement("P");
    var t = document.createTextNode("This is a paragraph.");
    para.appendChild(t);
    document.getElementById("myDIV").appendChild(para);
}
</script>

</body>
</html>

Related Tutorials