动态创建元素节点

最新推荐文章于 2019-11-24 16:47:45 发布

额么么

最新推荐文章于 2019-11-24 16:47:45 发布

阅读量472

点赞数

分类专栏：专题技术文献

本文链接：https://blog.csdn.net/weixin_44541165/article/details/90243690

版权

这篇博客介绍了如何使用JavaScript原生接口和jQuery库动态创建DOM元素。通过`createElement`创建节点，`setAttribute`设置属性，然后将新节点添加到文档中。作者邓伟征还展示了使用jQuery的简洁方式，如`$("html结构")`来创建元素节点，简化了处理过程。

摘要由CSDN通过智能技术生成

开发工具与关键技术：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 = $(“