首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js动态添加div

问题 有没有遇到过这样的需求, 在页面上会有不定个input, 点击添加按钮就添加 ?...每次写这玩意好麻烦啊, 把他封装起来, 需要的时候调用就好了 思路 因为每个input标签的name如果相同的话, 在后端接收的时候会出错, 所以我的解决办法就是在name后加上一个数字, 后端用一个循环进行接收...点击第一行的添加 点击的时候, 将div准备好, 添加到内容div中的第一个 点击每行的添加 将div添加到当前点击行后面一个 点击每行删除 删除当前div 实现 基本思路很简单, 只要在每个点击按钮上添加对应的点击事件...我在封装的时候喜欢先想用的时候怎么用, 然后根据这个思路来想应该怎么封装, 思考如下 因为添加的div肯定是不同的, 是需要传的参数, 但是如果直接传div字符串也太丑了, 应该在页面直接写HTML,...this.num = 0; } // 向内容div的第一个添加 AddItem.prototype.addFistItem = function () { // 判断是否超出最大数量

24.5K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【HTML】HTML 标签 ② ( 排版标签 | 标题标签 | 段落标签 | 水平线标签 | 换行标签 | div 标签 | span 标签 )

    文章目录 一、排版标签 1、标题标签 2、段落标签 3、水平线标签 4、换行标签 5、div 标签 和 span 标签 HTML 常用的标签有如下类型 : 排版标签 文本格式化标签 图像标签 链接标签...div 标签 span 标签 1、标题标签 HTML 提供了 6 个等级的标题 , 分别是 一级标题 二级标题 三级标题...水平线标签 , 可以在网页中添加一条分割横线 , 标签代码如下 : 在标题下添加了 标签后的效果 , 在网页中 , 显示了一条横线 ; 4、换行标签 换行标签 : 标签 和 span 标签 div 标签 和 span 标签 都用于 网页布局 ; div 标签 一行 只能设置一个 ; div> 布局内容 div> span 标签 一行可以设置多个 ; div1 div> div> div2 div> span1 span2 </html

    10.1K30

    关于p标签不能嵌套div标签引发的标签嵌套问题总结

    问题由来:中嵌套div>标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结。...* dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fieldset - form控制组 * form...>div> 错误  (内联嵌套块级) 块元素可以嵌套块元素(不是所有块级都可以嵌套块级),或者是内联元素     div>div>div>div>   正确 ...(块级嵌套块级)     div>div> 正确   (块级嵌套内联) 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1~h6、p、dt... 错误  (特殊块级标签只能嵌套内联标签)     div>div>     错误  (特殊块级标签只能嵌套内联标签) 块元素中嵌套的元素

    2.9K30

    button标签和div模拟按钮的区别

    在 HTML 里,除了div>和,基本上都是语义化的元素。...转言之,div>是非语义化元素,div>没有给内容附加任何含义,它只是个div>,那么你所模拟的button和其他用div>包裹的内容没有区别,甚至会被抓取模拟button的内容。...另外,大部分搜索引擎并不对button和input做过多处理(不感兴趣),如果你想实现分享、页面锚点or链接到别的页面并需要由搜索引擎抓取,使用标签对SEO更有意义。...外观差异div的默认box-sizing属性为content-box,而button默认为border-box,因此其他样式属性相同的情况下,div会比button看上去大一些;button的cursor...参考:用div与button标签作为按钮的一些区别MDN 文档SEO: \ vs \ HTML tags [closed]

    21610
    领券