javascript - 输入标签后换行

Question

<br>应该动态添加。我使用了以下脚本。

HTML代码

<input ...../> 
<input ...../> <br>
<input ...../> 
<input ...../> <br>

JS

 var mybr = document.createElement('br');
 var inputs = document.getElementsByTagName("input");

 for (var i = 0; i < inputs.length; i++) {
      if (i % 2 == 0) {
           // inputs[i].outerText=inputs[i].outerText+"<br><br>";
            inputs[i].appendChild(mybr);

      }
 }

但它不起作用。有什么想法吗？

Answer 1

你可以替换:

inputs[i].appendChild(mybr);

通过:

inputs[i].outerHTML+='<br/>' ;   

    <input ...../> 
    <input ...../> <br>
    <input ...../> 
    <input ...../> <br>


<script type="text/javascript">
     
 var inputs = document.getElementsByTagName("input");
     for (var i = 0; i < inputs.length; i++) {
          if (i % 2 == 0) { 
             inputs[i].outerHTML+='<br/>' ;        
            }
     }
  </script>