如何从子级获取父html元素

时间:2012-05-08 13:17:36

标签: javascript html jsp

我创建了一个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>  

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

如果你关于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;
    }