通过javascript设置按钮文字 [英] Setting button text via javascript

问题描述

我通过javascript设置了一个按钮，但按钮不显示文本。

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!

推荐答案

基本上，使用innerHTML而不是value，因为您要追加的'button'类型将它设置为innerHTML中的值。

Basically, use innerHTML instead of value, because the 'button' type you are appending sets it's value in its innerHTML.

JS：

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);

在DOM中看起来像这样：

Looks like this in the DOM:

<div id="divWrapper">
    <button content="test content" class="btn">test value</button>
</div>

演示： http://jsfiddle.net/CuXHm/

这篇关于通过javascript设置按钮文字的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！