how to create html element using javascript

Question

I want to create html element using JavaScript

<p id="user1" class="user-list-follow">
   <img src="../images/pictures/1s.jpg" alt="img">
   <strong>User One<br><em>Some sample text here.</em></strong>
   <a href="#" class="follow">Follow</a>
</p>
<div class="decoration"></div>

Please help me.

What kind of html element? Do you mean the whole code that you have poster here? — Matus Dubrava, Mar 29 '18 at 11:16
I'm pretty sure you can find this information anywhere with little effort. — Esko, Mar 29 '18 at 11:16
How is it easier to open a new question here than to spend 30 seconds googling? — Franjo Pintarić, Mar 29 '18 at 11:17
thanks @Tanmay i do research ..... now this code is working for me for (var i = 0; i < teams.length; i++) { listItems += "
"+ teams[i]['Associate_Name']+"
"+ teams[i]['member_id']+"More
"; } $('#ulist').html(listItems); — Vivek Kumar, Apr 04 '18 at 11:55

Narendra Jadhav · Accepted Answer · 2018-03-29T11:22:28.200

In an HTML document, the document.createElement() method creates the HTML element specified by tagName, or an HTMLUnknownElement if tagName isn't recognized.

var element = document.createElement(tagName[, options]);

tagName

A string that specifies the type of element to be created. The nodeName of the created element is initialized with the value of tagName. Don't use qualified names (like "html:a") with this method. When called on an HTML document, createElement() converts tagName to lower case before creating the element. In Firefox, Opera, and Chrome, createElement(null) works like createElement("null").

options(Optional)

An optional ElementCreationOptions object containing a single property named is, whose value is the tag name for a custom element previously defined using customElements.define(). See Web component example for more details.

DEMO

var btn = document.createElement("BUTTON"); // Create a <button> element
var t = document.createTextNode("CLICK ME"); // Create a text node
btn.appendChild(t); // Append the text to <button>

btn.onclick=function(e){
alert('You have clicked me..');
}
document.body.appendChild(btn); // Append <button> to <body>

how to create html element using javascript

1 Answers1