时间戳

首页 > 解决方案 > 如何在“getElementById”函数中放置for循环？

javascript - 如何在“getElementById”函数中放置for循环？

问题描述

我想为下面的函数放置for循环，我想在“textInput”字段中循环，所以我对不同Id的linke textInput1，textInput2，......

function onButtonClick(){
  document.getElementById('textInput').className="show";
}

标签： javascripthtml

解决方案

您可以在 onclick 事件中传递 id 并像下面这样使用它

function onButtonClick(id){
  document.getElementById('textInput'+id).className="show";
}
.show{
display:block
}
.hide{
display:none
}
<input type='button' value='Add' onclick='onButtonClick(1)'>

<div class='show'>show</div>

或者您也可以使用以下，但单击按钮时会重复运行

  function onButtonClick(){
for(let i=0;i<10;i++){
document.getElementById('textInput'+i).className="show";
}
      
    }

推荐阅读