子から親HTML要素を取得する方法

Question

私は、Continueという名前のボタンを持つchild.jspファイルを作成しました。 login.jspという名前のJSPページを作成しました。このページには、名前とパスワードの入力テキストがあります。そのjspファイルには、次のコードを使用してchild.jspファイルが含まれています。私はchild.jspファイルにonclickリスナーを作成しました。私は入力フィールド（名前とパスワード）の値にアクセスしたいです。どうすればこれを達成できますか？ JavaScriptのアクセスに関する

<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を使用してparentの要素を取得します。

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

Answer 2

あなたであれば、より良いが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; 
    }