怎么在动态的div中添加div

怎么在动态的div中添加div,第1张

var creatediv= function(){

var parentdiv=$('

') //创建一个父div,如果已经有了就获取

parentdiv.attr('id','parent') //给父div设置id

parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('

') //创建一个子div

childdiv.attr('id','child') //给子div设置id

childdiv.addclass('childdiv') //添加css样式

childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去

}

var t=document.getElementById("kw")//获取目的div层

var y=document.createElement("div")//创建div层

t.appendChild(y)//添加新建div到目的div

<!doctype html>

<head>

<meta charset="UTF-8">

<title>动态给div+id</title>

<script type="text/javascript" src="http://www.sz886.com/js/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(e) {

//用这个attr方法加入

$(".btn_1").click(function(){

$(".change_div").attr("id","add_div")

})

$(document).on("click",'#add_div',function(){

alert('点击信息')

})

})

</script>

</head>

<body>

<div class="change_div">

深圳网站建设:www.sz886.com,点击得到加入div后的点击事件

</div>

<input type="button" value="加入div" class="btn_1" />

</body>

</html>


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

原文地址:https://54852.com/bake/11956574.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存