Question

我已将其包含在html

中

<!-- Bootstrap UI stuff -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

然后在我的javascript中，我试着通过

来使按钮变得更好

        $('<button type="button" class="btn btn-primary">',{
            id:"opener-add-"+tableName,
            html:"Add"
            }).appendTo("#form-"+tableName);

我最终得到的是一个蓝色按钮，但缺少“添加”（与正常按钮相同，我丢失了文本）。

Answer 1

HTML和文本实际上不是DOM属性（您实际上正在运行：document.body.setAttribute('html', 'Add')），您必须使用text或html方法设置它们：

$('<button type="button" class="btn btn-primary">',{
            id:"opener-add-"+tableName,
     }).text('Add').appendTo("#form-"+tableName);

Answer 2

试试这个，

$('<button type="button"  id="opener-add-'+tableName+'" class="btn btn-primary">Add</button>').appendTo("#form-"+tableName);

如何在bootstrap中设置按钮文本

2 个答案: