Setting button text via javascript

Question

I am setting up a button via javascript  but the button shows not the text   Any recommendation on how to fix it    var b   document createElement  button    b setAttribute  content    test content    b setAttribute  class    btn    b value    test value    var wrapper   document getElementById divWrapper   wrapper appendChild b     Thanks

User · Answer

Set the text of the button by setting the innerHTML

var b = document.createElement('button');
b.setAttribute('content', 'test content');
b.setAttribute('class', 'btn');
b.innerHTML = 'test value';

var wrapper = document.getElementById('divWrapper');
wrapper.appendChild(b);

http://jsfiddle.net/jUVpE/

User · Answer

Use textContent instead of value to set the button text  Typically the value attribute is used to associate a value with the button when it s submitted as form data  Note that while it s possible to set the button text with innerHTML  using textContext should be preferred because it s more performant and it can prevent cross-site scripting attacks as its value is not parsed as HTML  JS  var b   document createElement  button    b setAttribute  content    test content    b setAttribute  class    btn      b textContent    test value    var wrapper   document getElementById  quot divWrapper quot    wrapper appendChild b    Produces this in the DOM   lt div id  quot divWrapper quot  gt       lt button content  quot test content quot  class  quot btn quot  gt test value lt  button gt   lt  div gt   Demo  https   jsfiddle net 13ucp6ob

User · Answer

The value of a button element isn t the displayed text  contrary to what happens to input elements of type button   You can do this     b appendChild document createTextNode  test value       Demonstration

User · Answer

Create a text node and append it to the button element   var t   document createTextNode  test content    b appendChild t

[javascript] Setting button text via javascript

Examples related to javascript

Examples related to html

Examples related to windows-store-apps