使用JavaScript（聚合物1.0）更改纸张按钮的文本

Question

I want to change the text of a paper-button from " Modify " to " Save ".

How can I achieve this with JavaScript?

My Button

<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

Is the #msbutton inside your test-button element?

You should use Polymer's event binding syntax ( on-click not 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

You can directly use via polymer dom selector via

this.$$("#msbutton").innerText = "Save";