javascript - JavaScriptでHTMLを構築する

Question

この方法でJavaScriptファイルにHTMLを作成しようとしています。クラス属性にもう1つクラス名を追加する必要があります。ただし、このクラス名はjavascript変数です。javascriptがこれを補間するように、この変数を追加する方法がわかりません。

  function build_html(sku)
  {
     //need to add sku as my classname here
     tmpString += "<a href=\"javascript: void(0)\" class=\"cart sku\">ADD TO CART</a>";
  }

TIA

Answer 1

HTMLパーツを連結して、HTMLにクラス名を追加できます。

ライブデモ

tmpString = "";
classVar = "cart sku";
tmpString += "<a href=\"javascript: void(0)\" class=\""+classVar +"\">ADD TO CART</a>";

Answer 2

+演算子を使用して、文字列を連結します。

  function build_html(sku)
  {
     //need to add sku as my classname here
     tmpString += "<a href=\"javascript: void(0)\" class=\"cart " + sku + "\">ADD TO CART</a>";
  }