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];

或在<form id="my-form"></form>表单上添加ID，然后执行

this.$["my-form"]访问表单

无法访问Polymer表单元素

1 个答案: