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

我需要在按钮上逐个添加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;
            }
        }
    });
}

---

如果您需要在不使用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;
      }
  }
 }
}

---

你想添加文本框，还是显示已有的文本框？不知道原因，但不知怎的，这在joomla环境下不起作用。你是否更改了按钮选择器？尝试将id设置为按钮ex.id=txtButton并更改var button=document.getElementById'txtButton'