js 动态添加input代码

浏览数：21 / 时间：2015年06月09日

<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>

js 动态添加input代码,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

js 动态添加input代码