Javascript DOM Create元素

Posted 2021-02-23

javascript DOM Create Element

$("<a/>", {
    id: 'example-link',
    href: 'http://www.example.com/',
    text: 'Example Page'
}).appendTo("body");
 
var myRow = document.createElement("p");
myRow.class = "myClass";
myRow.id = 'mycustomdiv'
myRow.innerhtml = elements;
var textcontent = document.createTextNode('Hello All')
myRow.appendChild(textcontent)
 
document.getElementsByTagName('body')[0].appendChild(myRow);
document.getElementById("myContainer").appendChild(myRow);
_________
var elem = document.getElementById('container');
var child = elem.children[0];
var child = elem.firstElementChild;//== children[0]
 
var child = elem.childNodes[0];//or childNodes[1]
var child = elem.childNodes;//treat as Nodelist
var child = elem.firstChild;
 
console.log(elem.childNodes[1]);
console.log(elem.children[0]);
console.log(elem.firstElementChild);
 
// CloneNode
 
$('li').bind('click', function(){
 
var select = $(this).find('section')
var dupeSelect = select[0].cloneNode(true);
$('#uphole').html(dupeSelect);
 
});