無法訪問聚合物表單元素

Question

試圖將此https://garstasio.github.io/ajax-form/components/ajax-form/

我依然會碰到的問題是，document.getElementsByTagName("form")是不是爲我工作。我可以抓住<h1>標籤，但不是表單元素。

<link rel="import" href="/polymer/polymer.html"> 

<polymer-element name="test-ajax"> 
    <template> 

    <h1>test-ajax</h1> 
    <form action="test"> 

    <label for="test"> 
    <input type="text" name="test"> 
    </label> 

    </form> 

    </template> 
    <script>` 
    Polymer('payment-request', { 
     ready: function() { 
     console.log('ready'); 
     var form = document.getElementsByTagName("form")[0]; 
     console.log('form', form); 
     } 
    }); 
    </script> 

</polymer-element> 

任何想法如何抓住表單元素？

Answer 1

聚合物元件不是在主文檔中

以便訪問一個需要做的任一

this.shadowRoot.getElementsByTagName("form")[0];

元件或把一個id形式<form id="my-form"></form>上，然後執行

this.$["my-form"]訪問表格