htmldialogelement 实例上不存在 returnvalue 属性。该属性是历史遗留误解，当前标准中 dialog 元素既不提供也不自动设置 returnvalue；关闭结果仅通过 showmodal() 返回的 promise 解析值获取，即 close() 的参数值。
dialog 元素没有 returnValue 属性
直接说结论：HTMLDialogElement 实例上**不存在 returnValue 属性**。这是个常见误解，源于早期 Chromium 实验性实现或混淆了 showModal() 的返回值行为。当前标准（WHATWG HTML Living Standard）中，<dialog></dialog> 元素本身不提供 returnValue 属性，也**不会自动设置或读取该属性**。
真正能拿到“返回值”的是 show() 和 showModal() 的 Promise 结果
现代 <dialog></dialog> 的交互结果，只通过 showModal() 返回的 Promise 解析值体现（show() 不返回 Promise，无法获取关闭原因）。这个 Promise 在 dialog 被 close() 调用时 resolve，其值就是传给 close() 的参数：
-
dialog.close()→ Promise resolve 为undefined -
dialog.close('confirm')→ Promise resolve 为'confirm' -
dialog.close('cancel')→ Promise resolve 为'cancel'
注意：这个值**不会写入 DOM 或元素属性**，只存在于 Promise 的回调里；且仅对 showModal() 有效，show() 没有返回值。
为什么有人以为有 returnValue？——历史兼容与调试陷阱
旧版 Chrome（约 v98 前）曾短暂支持过 dialog.returnValue（只读），但已被移除。现在若在控制台访问 dialog.returnValue，会得到 undefined（不是报错），容易误判为“可读但为空”。更常见的坑是：
- 把
event.target.returnValue（来自自定义按钮 click）误当作 dialog 自身属性 - 在非
showModal()场景下强行读取，结果始终是undefined - 期望浏览器自动根据
<button formmethod="dialog"></button>的value设置returnValue—— 实际上它只触发close()，不传参
要让按钮带值关闭 dialog，必须显式调用 dialog.close('xxx')。
正确获取关闭结果的最小可行代码
以下是在用户点击不同按钮后，区分确认/取消并处理结果的典型写法：
const dialog = document.querySelector('dialog');
const openBtn = document.getElementById('open');
const confirmBtn = document.getElementById('confirm');
const cancelBtn = document.getElementById('cancel');
openBtn.addEventListener('click', () => {
dialog.showModal();
});
confirmBtn.addEventListener('click', () => {
dialog.close('confirmed');
});
cancelBtn.addEventListener('click', () => {
dialog.close('canceled');
});
// 关键：监听 showModal() 的 Promise
dialog.addEventListener('close', () => {
// 注意：这里不能读 this.returnValue
// 必须靠 close() 的参数传递
});
// 正确做法：在调用 showModal() 后立即 await 或 .then()
async function openWithResult() {
const result = await dialog.showModal(); // ← 这才是唯一可靠来源
console.log('Dialog closed with:', result); // 'confirmed', 'canceled', or undefined
}
别试图从元素上“查”结果，所有逻辑必须围绕 showModal() 的 Promise 展开；如果需要兼容非 Promise 场景（比如手动调用 close() 后立刻处理），就只能靠额外状态变量或事件派发。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
