jQuery和js添加n个div

最新推荐文章于 2023-06-10 18:39:47 发布

weixin_33943347

最新推荐文章于 2023-06-10 18:39:47 发布

阅读量185

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/kitty0107/blog/1625550

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html>
<head>
<meta name="Author" content="微普科技http://www.wiipu.com"/>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>使用js或者jquery完成双击动态创建元素</title>
<style type="text/css">
   * {
       margin: 0;
       padding: 0;
   }
   #zmkt {
       width: 500px;
       padding: 10px;
       border: 1px solid #ccc;
       margin: 0 auto;
   }
   #add {
       width: 180px;
       height: 50px;
       cursor: pointer;
   }
   #zmkt div {

       width: 100%;
       height: 100px;
       background-color: #C01349;
       margin-top: 20px;
       line-height: 100px;
       text-align: center;
       color: #fff;
       font-size: 30px;
   }

</style>

</head>
<body>
   
<div id="zmkt">
   <button id="add">添加div元素</button>
   <div id="div1">这是第1个div</div>
</div>
<script src="http://xiguape.wiipu.com/basecode/js/jquery.1.9.1.min.js"></script>
<script type="text/javascript">
$(function(){
$("button").click(function(){
var div=document.createElement("div");
var n=$("div").length;

div.innerHTML="这是第"+($("div").length)+"个div";