元素不采用字符串值

Question

我有一个html页面，其中包含两个带有ID名称和移动设备的文本框。

我已经创建了一个列表并将值插入其中。但是它没有取名字值，只取得了移动文本框值。另一部分显示为未定义。

这是代码。

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

错误是什么？

Answer 1

“name”是一个糟糕的字段名称，因为如果你没有资格就像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必须是唯一的