如何通過id編寫增量文檔獲取元素

Question

  <div class="form-group col-md-12 input_fields_wrap">
          <label for="merk">Merk</label>
          <div class="input-group">
            <input type="text" class="form-control" name="merk[]">
            <span class="input-group-btn">
              <button class="btn btn-secondary add_field_button" type="button">add row</button>
            </span>
          </div>
          <div id="1"></div>
        </div>

**在我的 html 代碼上方，當我單擊添加行時，將添加 id="2" 的新行 ** 這是我的 javascript 代碼

function validasiForm(){
    var y = document.getElementsByName('merk[]').length;
    console.log(y);
    for (var i = 0; i < y ; i++) {
        var merk = document.getElementsByName('merk[]')[i].value;
        if (merk == null || merk == "") {
        document.getElementById("i").innerHTML="<p class='color-red'>*validation message</p>";
        // document.getElementById("merk2").innerHTML="<p class='color-red'>*nama merk harus di isi</p>";
          return false;
      }
    }
  }

---

所以我的問題是如何通過 id 動態顯示帶有動態獲取元素的驗證消息？

Answer 1

document.getElementById("i")實際上是在尋找 ID 為 "i" 的元素。 使用不同的命名約定，例如“elem1”之類的。 然后document.getElementById("elem"+i) 。

值得一提的是，無論如何，ID 都不應該以數字開頭。 這將導致作為 javascript 中變量名的錯誤（ID 是隱式全局變量）並且 CSS 將忽略它。 它可能永遠不會讓你痛苦，但是嘿——很高興知道。