JQuery动态新增Dom元素,怎么用JQ选择该元素并设置其属性

JQuery动态新增Dom元素,怎么用JQ选择该元素并设置其属性,第1张

假设dom结构为 <div id="div1"></div>

在其中添加p元素,并设置p元素的文本颜色为红色

var $div1 = $("#div1") //选择外层元素

var $p = $("<p id='pp'>123</p>") //设定需要添加的元素

$div1 & $div1.append($p) //把元素添加到外层元素中

$p.css('color', 'red') //修改新元素的属性

 function addElementDiv(obj) {

var parent = document.getElementById(obj)

//添加 div

var div = document.createElement("div")

//设置 div 属性,如 id

div.setAttribute("id", "newDiv")

div.innerHTML = "js 动态添加div"

parent.appendChild(div)

div.bind('click', function(event) {

alert("我已被动态绑定事件")

})

})

}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11666108.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存