元素不采用字符串值

Question

我有一個html頁面，其中包含兩個ID為name和mobile的文本框。

我創建了一個列表並將值插入其中，但是它不使用名稱值，僅使用移動文本框值。 另一部分顯示為未定義。

這是代碼。

var li = document.createElement("li");
li.textContent = name.value +" , "+mobile.value;
list.appendChild(li);

有什么錯誤？

Answer 1

“名稱”是字段的較差名稱，因為如果您不符合條件，則類似於document.getElementsByName（“ name”）[0]，它可能是window.name-

如果該字段具有id =“ name”，則使用document.getElementById（“ name”）代替，因為大多數瀏覽器不會將ID屬性復制到窗口范圍

從而

var li = document.createElement("li");
li.textContent = document.getElementById("name").value +" , "+
  document.getElementById("mobile").value; 
list.appendChild(li);

我個人也更喜歡li.innerHTML，因為它適用於所有瀏覽器

最后請記住，ID必須是唯一的