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

js动态添加div

问题 有没有遇到过这样的需求, 页面上会有不定个input, 点击添加按钮就添加 ?...每次写这玩意好麻烦啊, 把他封装起来, 需要的时候调用就好了 思路 因为每个input标签的name如果相同的话, 在后端接收的时候会出错, 所以我的解决办法就是name后加上一个数字, 后端用一个循环进行接收...点击第一行的添加 点击的时候, 将div准备好, 添加到内容div中的第一个 点击每行的添加div添加到当前点击行后面一个 点击每行删除 删除当前div 实现 基本思路很简单, 只要在每个点击按钮上添加对应的点击事件...我封装的时候喜欢先想用的时候怎么用, 然后根据这个思路来想应该怎么封装, 思考如下 因为添加div肯定是不同的, 是需要传的参数, 但是如果直接传div字符串也太丑了, 应该在页面直接写HTML,...然后传id即可 添加成功后需要有个回调函数, 我得做些收尾的工作 最好有这两个参数就可以直接运行 开始码代码了: 创建的时候接收参数, 大部分参数都有默认值, 也就是说, 按照默认值来看, 一个参数都不需要

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

    Node.js 中引入 Golang ,会让它更快

    大家好,我是 ConardLi,今天我们来看个有意思的话题, Node.js 中引入 Golang ,会让服务更快?...这篇文章并不是一个 Node.js 和 Golang 的语言对比,而是 Node.js 开发服务的角度,尝试某些场景下引入 Golang(让它去执行一些 CPU 密集型操作),看看会不会更快。...之前我也写过一篇, React 项目中引入 Rust 的文章,感兴趣可以看:使用 Rust 编写更快的 React 组件 最近发现了一个老外做了 Node.js 服务中引入 Golang 的性能测试...Golang 可以用作独立应用程序,作为服务/微服务,作为 wasm 脚本的源,然后可以 JavaScript 中被调用 5 Node.js和 Golang 都有现成的机制来 JavaScript...如果你是唯一熟悉这个语言的人,则向项目添加这个新语言并不是一个好主意 对我来说,不同语言的服务最好 “保持分离”。

    3K40

    今天是个神奇的日子。附猪八戒网公司外包私活经历

    哈哈 不就是开通个流量主?至于那么高兴。5000粉丝意味着什么?表示小生推送的文章内容还是有那么一丢丢用处的。 跟大家分享一下,首次猪八戒网接私活的经历。...> 分析: ① c:out 标签是Jsp的标签库 jstl 中的自定义标签,用于页面上显示内容。...③ 重点是data-edit 这个标签。...而在他们的 js 中,会对 data 属性进行解析。想事件的朋友可以试着用一下wow.js这个插件( animation.css 基础上开发的动画库)。可以了解一下这一机制。...> 注意:标签添加属性escapeXml="false", data-inline只能添加div等除p标签的块元素上 这段代码也是相同的意思。

    2.1K20

    Jquery和vue对比

    然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去,难道不是一个根本性的改变?...ECMA6浏览器端的实现,jquery的使用率将会越来越低 2.vue介绍:vue是一个兴起的前端js库,是一个精简的MVVM。...4.举例说明 场景一:列表添加一个元素,下图为vue和jquery两种操作的代码,我们从中可以看出vue只需要向数据message里面push一条数据即可完成添加一个li标签的操作,而jquery则需要获取...dom元素节点,并对dom进行添加一个标签的操作,如果dom结构特别复杂,或者添加的元素非常复杂,则代码会变得非常复杂且阅读性低 vue: <!...$('#add').click(function() { i++; //通过dom操作最后一个li元素后手动添加一个标签 $("#list").children

    2.9K21

    Web前端知识(三)

    标签div> div class="test4">我是div标签div> body> 阴影 box-shadow text-shadow box-shadow:向框添加一个或多个阴影...right:脱离标准流,浮动标签的最右边 代码1: 效果: 代码2: 效果2: 代码3: 效果: 【思考】:经过我们的学习,我们能够让一个标签停留在父标签的左边或者右边,但是如果我想停留在父标签的任意一个位置...脚本语言: 缩短传统的编写-编译-链接-运行过程,解释运行而非编译运行 JS的常见用途 lHTML DOM操作(节点操作,比如添加、修改、删除节点) l给HTML网页增加动态功能,比如动画 l事件处理...但是我们发现,貌似并没有发现js在网页中运用场景对?...在编写时候的三种方式: 1)直接在html标签添加js 2)script标签里面写 3)?????????

    1.6K20
    领券