JavaScript（ポリマー1.0）を使用して紙ボタンのテキストを変更

Question

「変更」から「保存」にテキストボタンのテキストを変更します。

JavaScriptでこれを行うにはどうすればよいですか？

マイボタン

<paper-button id="msbutton" onclick="_changeText">Modify</paper-button> 

はJavaScript

Polymer({ 
    is: "test-button", 
    _changeText: function() { 
    var button = document.getElementById('msbutton'); 
    //What comes here? 
}) 

Answer 1

の中に#msbuttonは入っていますか？

あなたはPolymer's event binding syntax（on-clickないonclick）を使用してください：

Polymer({ 
 
    is: "test-button", 
 
    _changeText: function() { 
 
    var button = this.$.msbutton; 
 
    button.textContent = 'new text'; 
 
    } 
 
});

<base href="http://polygit.org/components/"> 
 
<link href="polymer/polymer.html" rel="import"> 
 
<link href="paper-button/paper-button.html" rel="import"> 
 

 
<test-button></test-button> 
 

 
<dom-module id="test-button"> 
 
    <template> 
 
    <paper-button id="msbutton" on-click="_changeText">Modify</paper-button> 
 
    </template> 
 
</dom-module>

Answer 2

あなたが直接

この介してポリマーDOMセレクタを経由して使用することができます。$$（ "＃のmsbutton"）。のinnerText = "保存";