JSFiddle - React, Tailwind, and code Playground

by queryj

JavaScript

var d = document.createElement("div");
d.setAttribute("id", "div1");

var t = document.createTextNode("first div");
d.appendChild(t);
//d.innerHTML = "first div";
document.body.appendChild(d);

var getd = document.getElementById("div1");
console.log(getd.id);
d.innerHTML = getd.id;

var ie = document.createElement("input");
ie.setAttribute("type", "text");
ie.setAttribute("value", "test only bale");
ie.setAttribute("id", "input1");
ie.setAttribute("data-name", "john doe-jane");
d.appendChild(ie);

var i1 = document.getElementById("input1");
console.log(i1.id);
console.log(i1.getAttribute("data-name"));