How to create HTML tag element with JavaScript

2 Answers

<!DOCTYPE html>
<html>
  
<head>
<style>
#div-id {
    background-color: cornflowerblue;
    width: 120px;
    height: 20px;
    padding: 10px;
}
</style>
</head>
  
<body>

<div id="div-id"></div>

<script>
 
var p = document.createElement("p");
var textnode = document.createTextNode("text in p tag");
p.appendChild(textnode);

var div_id = document.getElementById("div-id");
div_id.appendChild(p);

/*
run:
  
<p>text in p tag</p> as a child of div-id
  
*/

</script>

</body>
  
</html>

70+ SQL courses for beginners and professionals

answered Jul 10, 2015 by avibootz
edited Jul 11, 2015 by avibootz

<!DOCTYPE html>
<html>
  
<head>
<style>
#div-id {
    background-color: cornflowerblue;
    width: 120px;
    height: 20px;
    padding: 10px;
}
</style>
</head>
  
<body>

<div id="div-id"></div>

<script>
 
var p = document.createElement("p");
var textnode = document.createTextNode("text in p tag");
p.appendChild(textnode);

document.getElementById("div-id").appendChild(p);

/*
run:
  
<p>text in p tag</p> as a child of div-id
  
*/

</script>

</body>
  
</html>

70+ SQL courses for beginners and professionals

answered Jul 10, 2015 by avibootz
edited Jul 11, 2015 by avibootz

Most popular tags

How to create HTML tag element with JavaScript

2 Answers

Related questions