如何使用document.getElementById（'elementID'）

Question

从JavaScript中的纸张输入元素获取值我无法检索聚合物js中纸张输入的值。我正在使用纸张输入，当我尝试使用document.getElementById（'ID'）获取值时，它不起作用，并且说无法读取null值的属性'值'。

<paper-input id='firstName' label="First name" auto-validate allowed-pattern="([a-zA-Z])" required error-message="Field is required"> 
</paper-input> 
<paper-button id="submitButton" raised type="submit" on-click="validateForm">Submit</paper-button> 

JS

validateForm() { 
    alert (document.getElementById('firstName').value); 
} 

Answer 1

这是一个不好的做法与聚合物工作时利用的getElementById（）的。相反，我会利用Automatic node finding in Polymer
我在下面添加了一个例子。我也将聚合物推荐的这种点击式改变为点击式。
另一种方法是使用querySelector（）。值 获取值，如here所示。但是，我更喜欢数据绑定的方式来这样做。

<dom-module id="x-custom"> 
    <template> 
    <paper-input id='firstName' label="First name" value="[[inputValue]]" 
       auto-validate allowed-pattern="([a-zA-Z])" required error-message="Field is required"> 
    </paper-input> 
    <paper-button id="submitButton" raised 
       on-tap="validateForm">Submit</paper-button> 
    </template> 

    <script> 
    Polymer({ 
     is: 'x-custom', 
     properties: { 
      inputValue: { 
      type: String 
     } 
     }, 

     validateForm: function() { 
     console.log(this.inputValue); 
     } 
    }); 
    </script> 
</dom-module>