Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. All programs tested and works. Contact: aviboots(AT)netvision.net.il
Bonsai Boy of New York Bonsai Trees and Accessories

BlueHost Web Hosting

Liquid Web iThemes WordPress Hosting

Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

DreamHost Web Hosting


Ecommerce Software - Best Ecommerce Platform Made for You - Free Trial

Liquid Web Cloud VPS Hosting

10,567 questions

14,363 answers

573 users

How to create HTML tag element with JavaScript

2 Answers

0 votes
<!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>

 




answered Jul 10, 2015 by avibootz
edited Jul 11, 2015 by avibootz
0 votes
<!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>

 




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