javascript - 通过 JavaScript 设置按钮文本

标签 javascript html windows-store-apps

<分区>

我正在通过 JavaScript 设置一个按钮,但该按钮不显示文本。

关于如何修复它有什么建议吗?

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

最佳答案

使用 textContent 而不是 value 来设置按钮文本。

通常,值属性用于在按钮作为表单数据提交时将值与按钮相关联。

请注意,虽然可以使用 innerHTML 设置按钮文本,但应首选使用 textContext,因为它的性能更高,并且可以防止跨站点脚本攻击,因为它值未解析为 HTML。

JS:

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

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

在 DOM 中生成:

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

演示: https://jsfiddle.net/13ucp6ob/

关于javascript - 通过 JavaScript 设置按钮文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16303954/

相关文章:

javascript - Falcor 模型如何处理对字符串的引用?

javascript - 我可以获得访问我网站的本地公网 IP 地址吗?

javascript - PHP 表单发送重复的电子邮件

html - 如何使用css使文本与列表中的文本垂直对齐

.net - SignalR 中的多态性

c# - Windows Phone 8.1 不同屏幕尺寸的不同文本大小

javascript - 无法解码字符串。 (第 2 行,文件 "Code",项目 "PROJECT NAME")

循环内的 JavaScript 闭包 – 简单的实际示例

javascript - 使用 javascript 将不同选择的选项存储到数组中

c++ - WinRT 在自定义路径创建文件