如何使用JavaScript在警告框中显示多个对象值

要在alert弹窗里展示多个DOM元素的输入值，关键是正确获取每个元素的值属性，再把这些值拼接成可读的字符串后传入alert。

你提供的示例代码问题说明 #

原代码里存在一个明显问题：document.getElementById("myphone")、document.getElementById("mycountry")、document.getElementById("myemail")这三个调用没有添加.value，直接传入元素对象的话，alert会输出元素的默认字符串表示（比如[object HTMLInputElement]），而不是你想要的输入框内容。

修正后的代码 #

function myFunction() {
    const name = document.getElementById("myname").value;
    const phone = document.getElementById("myphone").value;
    const country = document.getElementById("mycountry").value;
    const email = document.getElementById("myemail").value;
    alert(`${name}, ${phone}, ${country}, ${email}`);
}

更简洁的写法（便于维护） #

如果需要获取的值较多，可以用数组存储元素ID，遍历获取值后再拼接，避免重复写getElementById：

function myFunction() {
    const ids = ["myname", "myphone", "mycountry", "myemail"];
    const values = ids.map(id => document.getElementById(id).value);
    alert(values.join(", "));
}

内容的提问来源于stack exchange，提问作者VIJAYARAJ