Javascript 将getElementsByName替换为getElementsById不工作

我有这样的代码：

<script type="text/javascript" language="javascript">
function doStuff1(){
    var eml=document.getElementsByName('email')[0].value;
        msg=document.getElementsByName('message')[0];
    msg.value = eml + ' ' + msg.value;
    alert ('Message has been submitted');
    return true;  //return false to test just messagebox and updated message textarea
}
</script> 

函数doStuff1（）{
var eml=document.getElementsByName（'email'）[0]。值；
msg=document.getElementsByName（'message'）[0]；
msg.value=eml+“”+msg.value；
警报（“消息已提交”）；
return true；//返回false仅测试messagebox和更新的message textarea
}

但是，当我使用

getElementById

而不是

getElementsByName

时，它会停止工作。也就是说，该方法不会显示警报对话框

当然，我在带有

name

的同一标记上添加了

id

属性，比如

id=“email”name=“email”

单击表单中的“提交”按钮时调用此方法

---

有什么问题吗？

getElementById

不返回元素集合，只返回单个元素<代码>文档。getElementById（'email'）[0]。值是语义错误

---

删除

[0]

s.

您也可以查看控制台中的错误，这将节省您编写许多问题的时间。