Изменение текста бумажной кнопки с помощью 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 внутри вашего test-button элементов?

Вы должны использовать 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

Вы можете непосредственно использовать с помощью полимерного селектора йота через

этого. $$ ("# msbutton"). InnerText = «Сохранить»;