动态创建元素节点

开发工具与关键技术：visual Studio jquery
作者：邓伟征
撰写时间：2019年5月15日

创建流程很简单：1创建节点（属性 元素 文本）document createElement
2：添加节点属性 setAttribute
3：加入到文档中 appendCgld
var body = document.querySelector(‘body’);//查找body元素
addEventListener() 方法用于向指定元素添加事件句柄
$(“body”).click(function () {
});
document.getElementById(“leftDiv”).addEventListener(‘click’, function () {
var rightdiv = document.createElement(‘div’);
var rightaaron = document.createElement(‘div’);
//给2个div设置不同的属性
rightdiv.setAttribute(‘class’, ‘right’);
rightaaron.className = “aaron”;
rightaaron.innerHTML = “动态创建DIV元素节点”;
//2个div合并成包含关系
rightdiv.appendChild(rightaaron);
//绘制到页面body
body.appendChild(rightdiv);
});
$("#leftDiv").click(function () {
var $body = $(“body”);
var div = $(“