javascript - 如何从孩子获取父html元素

Question

我创建了一个 child.jsp 文件，其中有一个名为 Continue 的按钮。我创建了一个名为 login.jsp 的 jsp 页面，其中包含名称和密码输入文本。并且在那个 jsp 文件中，我使用以下代码包含了 child.jsp 文件。我在 child.jsp 文件中创建了 onclick 侦听器。我想访问输入字段的值（名称和密码）。我怎样才能做到这一点？

<jsp:include page="child.jsp" flush="true">  
                <jsp:param name="BtnName" value="Continue"/>  
                <jsp:param name="BtnContinue" value="Get Weather1"/>  
            </jsp:include>  

Answer 1

我找到了解决方案，使用window.parent.document我们可以获得父级的文档。使用以下代码使用其 id 获取父元素的任何元素。

window.parent.document.getElementById("elementId");

Answer 2

如果您对 JavaScript 访问，最好使用jQuery JavaScript 框架和它的Child Selector。

    /**
     * Find parent form object for HTML DOM element.
     *
     * @return <HTMLFormElement>
     */
    $.fn.parentForm = function() {
        var object = this;
        while (object.tagName() != "FORM") {
            object = object.parent();
        }

        return object;
    }