javascript - 如何使用 document.write 在 div 标签中获取 javascript 对象的输出？

Question

JavaScript 页面：

我创建了javascript 函数，其中有一个名为Passenger 的对象，它具有三个值，即name="A"、age=30、reservationStatus=true。现在我想使用 document.write 在这三个各自的 div 中打印这些值

HTML页面：

我创建了三个 id="name"、id="age"、id="reservationStatus" 的 div 标签和一个具有 javascript 函数的 onclick 事件的按钮。

预期成绩：

姓名：A 年龄：30 预订状态：真

标签： javascripthtmlobjectdocument.write

Answer 1

使用 document.getElementById() 识别具有 id 的元素（如 div）并将其设置为

document.getElementById("name").innerHTML =Passenger.name;
document.getElementById("age").innerHTML =Passenger.age;
document.getElementById("reservationStatus").innerHTML =Passenger.reservationStatus;