javascript - 如何获取拥有div的表单？

Question

与input元素不同，div元素只有"global attributes" 。我有一个函数，可以获取一个元素并将其数据及其所属表单的 id 存储在 localStorage 中(这样我可以在同一存储空间中存储许多页面/表单):

function store(what) {
    var F = what.form;
    if (what.id.substr(0,3) == 'div') {
        localStorage.setItem(F.id+'.'+what.id,what.innerHTML);
    } else
        localStorage.setItem(F.id+'.'+what.name,what.value);
    }
}

问题是，由于 div 没有 form 属性，有没有其他方法可以单独从元素中获取它？

Answer 1

假设您的意思是“包含”，则只需递归检查 element.parentNode 直到找到表单元素或 parentNode 为 null。

function ancestorForm(element) {
    if (element === null || element.tagName.toLowerCase() === "form") {
        return element;
    } else {
        return ancestorForm(element.parentNode);
    }
}