在js函数中添加类到按钮

时间:2017-11-22 08:32:14

标签: javascript jquery button dynamic

我想创建按钮并在创建后为这些按钮添加类 我正在编写以下代码!1请帮帮我:)

这会有用吗?

$("#"+element.id).addClass(".btn");

提前谢谢!!

for (var i = 0; i < 9; i++) {
  add(i);
}

function add(i) {

  var element = document.createElement("input");

  element.type = "button";
  element.value = i;
  element.name = i + 1;
  element.id = "btn" + i;
  element.onclick = function() {
    window.move(i);
  };

  var append = document.getElementById("append");

  append.appendChild(element);
  alert(element.id);
  $("#" + element.id).addClass(".btn");
}

5 个答案:

答案 0 :(得分:1)

您可以在javascript中添加类:

element.className += 'className';

如果您使用的是jQuery,那么您所做的是正确的,除了您放入addClass函数的点。所以而不是:

$(element).addClass('.className');

你这样做:

$(element).addClass('className');

答案 1 :(得分:1)

您可以通过访问&#34; className&#34;直接添加课程。属性。

var element = document.createElement("input");

element.type = "button";
element.className = "clr-red";

Refer here for more

答案 2 :(得分:1)

我认为你应该使用不带点。

  

$(&#34;#&#34 + element.id).addClass(&#34; BTN&#34);

答案 3 :(得分:1)

您只需输入班级名称

addClass("btn"); instead of addClass(".btn");

答案 4 :(得分:1)

您可以在您创建的元素上使用classList.add方法。

   for (var i = 0; i < 9; i++)
    {
        add(i);
    }
    function add(i) {

        var element = document.createElement("input");

        element.type = "button";
        element.value = i; 
        element.name = i + 1;
        element.id="btn"+i;
        element.classList.add("btn");
        element.onclick = function () { 
            window.move(i);




        };


        var append =document.getElementById("append");
        append.appendChild(element);

    }