文档章节

js 动态添加input代码

Mr韦淋
 Mr韦淋
发布于 2017/05/07 20:16
字数 102
阅读 52
收藏 0
<script type="text/javascript" language="javascript">

 function newNode(thisid,thisname) {  
    //得到当前出入的个数
    var thislength=document.getElementById(thisid).getElementsByTagName('li').length;
 
    if(thislength<=5){//最多有6个input
 
     var olElement = document.getElementById(thisid);  
     var liElement = document.createElement('li');  
    
     var inputElement = document.createElement('input');  
     inputElement.type = "text";  
     inputElement.name = thisname;  
    
     liElement.appendChild(inputElement);  
     olElement.appendChild(liElement);  
     
    }
   }
   
</script>
html部分代码
<ul id="qqs"><li><input type="text" name="qq[]" ></li></ul>    <span style="color:#0F0; cursor:pointer; font-size:20px; font-weight:bold" onclick="javascript:newNode('qqs','qq[]')"  onmouseover="this.style.color='#0000FF'" onmouseout="this.style.color='#00FF00'">⊕</span>

 

© 著作权归作者所有

Mr韦淋
粉丝 2
博文 80
码字总数 23114
作品 0
江门
高级程序员
私信 提问

暂无文章

3分钟看懂Activity启动流程

背景介绍 从事开发到了一定阶段,想要提高就必须搞明白系统的一些工作原理。为什么?因为只有明白了这些,你才能针对平台的特性写出优质的代码。当遇到棘手的问题时,你才能更快速的结合系统...

天王盖地虎626
40分钟前
1
0
机器学习算法GPU版本安装配置

##XGBoost for GPU安装https://blog.csdn.net/weixin_30963287/article/details/79145107https://blog.csdn.net/wl2858623940/article/details/80546140https://blog.csdn.net/u01164186......

KYO4321
42分钟前
1
0
微软展开训练AI来推Windows 10 1903版自动更新

Windows 10 May 2019(1903版)正式释出将近一个月,或许已经有用户自主安装更新了,不过微软认为还不够多。微软表示将开始训练机器学习(machine learning)技术,帮助1803版本以前的PC更新...

yisy5566
今天
0
0
前后端分离-前端搭建(Vue)(2)

先安装node.js以及npm 现在基本的node.js都包含有npm,下载安装后, 可以在cmd命令里输入 node -v 和npm -v 分别查看安装的版本 两个都显示了版本就是安装ok 这次我们使用JetBrains WebStor...

咸鱼-李y
今天
0
0
好程序员web前端教程分享三大前端框架相关问题

  好程序员web前端教程分享三大前端框架相关问题,三大前端框架,有没有哪个框架的组件间交互像js的方法传值一样简单? 首先框架组件通信是为了方便组件模块之间进行数据交互的,因为框架的...

好程序员IT
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部