如何在按钮上逐个显示多个文本字段

Question

我需要在按钮上逐个添加2-3个文本字段，其中'L'是文本字段的ID。我正在尝试此代码，但不是使用jQuery，而是使用简单的JavaScript，因为我正在Joomla环境中实现此代码。

function WrapperScript() { 
    JQuery('#wrapper1 button').click(function(){ 
     for (var i=1;i<=4;i++) 
     { 
      var id='#L'+i; 
      var setting = JQuery(id).css('display'); 
      if (setting=='none') 
      { 
       JQuery(id).css('display', 'block'); 
       break; 
      } 
     } 
    }); 
} 

Answer 1

，如果您需要在同一个脚本，而不使用这里jQuery是一个样本

function WrapperScript() { 

//use an appropriate getter for the button 
var button = document.getElementblahblah 

button.onclick = function(){ 
    for (var i=1;i<=4;i++) 
    { 
     var id='#L'+i; 
     var element = document.getElementById(id); 
     var setting = element.style.display; 

     if (setting=='none') 
     { 
     element.style.display = 'block'; 
     break; 
     } 
    } 
} 
}