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

js动态添加div

问题 有没有遇到过这样需求, 在页面上会有不定个input, 点击添加按钮就添加 ?...点击第一行添加 点击时候, 将div准备好, 添加到内容div中第一个 点击每行添加 将div添加到当前点击行后面一个 点击每行删除 删除当前div 实现 基本思路很简单, 只要在每个点击按钮上添加对应点击事件...我在封装时候喜欢先想用时候怎么用, 然后根据这个思路来想应该怎么封装, 思考如下 因为添加div肯定是不同, 是需要传参数, 但是如果直接传div字符串也太丑了, 应该在页面直接写HTML,...然后传id即可 添加成功后需要有个回调函数, 我得做些收尾工作 最好有这两个参数就可以直接运行 开始码代码了: 在创建时候接收参数, 大部分参数都有默认值, 也就是说, 按照默认值来看, 一个参数都不需要...this.num = 0; } // 向内容div第一个添加 AddItem.prototype.addFistItem = function () { // 判断是否超出最大数量

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

原生js怎么动态生成标签添加各种事件

这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生js如何给动态生成标签添加事件?...因为这些标签都是后来通过ajax或者运行其他点击事件生成,那么如果之前给他们写事件他们这个dom对象是找不到,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?...我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签各种事件,如果有更好方法,欢迎提出来。 <!...document.getElementById('a').appendChild(myp); alert(document.getElementsByTagName('p')[0]) myp.innerHTML = '我是新建<em>的</em>p...标签'; document.getElementsByTagName('p')[0].onclick = function(){ alert('我是p点击事件') } } <

8K50

oracle视图表怎么修改(oracle视图添加字段)

大家好,又见面了,我是你们朋友全栈君。 一个朋友在回复时候给出了一篇 inthirties 写关于更新视图帖子,简洁明了,转过来学习学习。...但是在这里,我要告诉大家是,视图是可以update,不过,这是视图不是一个普通视图。 以下这样视图是可以update update情况,必须是一下情况 1. view字段只涉及一个表。 2....如果涉及多个表的话,被(涉及到)view列所映射table列(或列组合)必须是有主健约束 3....,我们看到了,并不是所有的视图都不能update,有时我们潜意识和经验对于我们学习很有帮助,不过 有时这样浅意思和经验对我们学习也有一些不好影响,多思考,多怀疑,多验证,是一个学习中好习惯...,很多固化下来思想,并不一定是正确,扎实学习,不放过学习中疑问,学会做一个正确离经叛道者。

2.7K10

js怎么动态加载js文件(JavaScript性能优化篇)转

下面介绍一种JS代码优化一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 【基本优化】 将所有需要标签都放在之前,确保脚本执行之前完成页面渲染而不会造成页面堵塞问题...【合并JS代码,尽可能少使用script标签】 最常见方式就是带代码写入一个js文件中,让页面只使用一次标签来引入 ? 3....谷歌浏览器运行效果,script被动态创建在head中 ? ? 6.建议大家可以封装成类库,单独引入。...该原理实现也有很多不错js类库可以使用,如LazyLoad.js,支持数组形式引入,打开浏览器在network中可看到js是同步加载 ? ? 7....【总结】 最好方式还是使用动态创建script方式加载,当动态创建script,浏览器会分配一个线程去下载src指向资源,多个script也是同步下载 (adsbygoogle

19.5K12

js 动态修改_after_before伪元素content值

今天做了一个有关js如何绑定动态修改伪类content内容,运用到有( :before 和 :after 伪元素、CSS content 属性、data-* H5新属性、js)等技术。...基本原理: 1)首先给box盒子添加 [data-content-before=":before"]和[ data-content-after=":after"]属性; 2)其次添加html标签和style...样式; 3)在样式里添加box元素:before伪元素和:after 伪元素; 4):before伪元素和:after 伪元素里各自添加content属性; 5)content 和 attr...属性里值:after(before同理) 6)最后通过js获取到box对象,通过box对象attributes找到添加 [data-content-before=":before"]和[ data-content-after...=":after"]属性value,有了value值,这就可以进行动态修改 before伪元素和:after 伪元素里content值; 以此现在做一个笔记以便以后使用,Hope to help

11K20

Android WebView通过动态修改js去拦截post请求参数实例

js代码 mCommonWebView.setCommonWebViewClient(new CommonWebViewClient() { //添加自定义 WebViewClient @Override...){ //把获取到js代码添加到当前网页 if(TextUtils.isEmpty(remoteJs)) { return; } String js = "javascript:";...,找到进行网络请求js页),对js页进行修改 3.将处理好js页加载到本地,以后加载时就利用本地js替换第三方js(我会在本地js页面中添加与webview沟通桥梁) //以下为具体操作,我把具体方法贴了上去...,对原来js进行了修改添加了与Android通讯桥梁,来截取数据。...int which) { result.cancel(); } }).create().show(); return true; } } } 以上这篇Android WebView通过动态修改

10K31

安卓webview注入js修改网页文本或添加其他元素

webview骚操作 webview不止可以加载网页,加载同时,网页任何元素我们都是可以修改,隐藏、替换、插入新html元素balabala,总之,webview神奇给了我们很多发挥创意可能...: 而且操作起来也是异常简单,几乎是模板代码,不管你是否精通js,你都可以有模有样轻而易举实现你想要效果。...2018120200582056.png /** * 注入js隐藏部分div元素,多个操作用多个js去做才能生效 */ private void hideHtmlContent() { /.../修改文本,可以注入任意html代码,我是直接注入一段带样式文本节点,表现良好 String javascriptq = "javascript:function modifyText()...因为这个方法是页面load完才会执行我们自己方法,那些不想看到元素一开始还是显示,只有页面完全加载完才会被我们替换掉,这样肯定是不能忍

4.2K30
领券