元素不采用字符串值

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必须是唯一的