JavaScript input.form 屬性用法解析：獲取表單元素所屬 form 物件

代碼片段

var x = document.getElementById('x');
var output = document.createElement('p');
x.form.appendChild(output); // 關鍵行

原理解析

• HTMLInputElement.form 唯讀屬性，返回該輸入元素所屬的 HTMLFormElement 物件（最近的祖先 <form>）。
• 若輸入元素不在任何 form 內，返回 null。
• 等價於 x.closest('form')（現代 DOM API）。

相容性提醒

但代碼中使用的 oninput、textContent、valueAsNumber **IE8- 不支援**。

IE8- 兼容寫法

// 事件
if (x.addEventListener) {
    x.addEventListener('input', handler);
} else {
    x.attachEvent('onpropertychange', function(e) {
        if (e.propertyName === 'value') handler();
    });
}

// 文字內容
output.textContent = str; // 現代
output.innerHTML = str;   // IE8- 兼容（注意 XSS）

// 數值
var v = parseFloat(x.value) || 0; // 替代 valueAsNumber

完整兼容版片段

var form = x.form || x.closest('form');
if (form) form.appendChild(output);