Building HTML in javascript

Question

I am trying to build HTML in my javascript file this way.I need to add one more classname to my class attribute. But this classname is a javascript variable. I am not sure how to add this variable so that javascript interpolates this.

  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

This is done with very very basic JavaScript manipulation. If you don't know how to do that, you shouldn't be coding JavaScript just yet. — Madara's Ghost
– Madara's Ghost, Commented Dec 8, 2012 at 9:46
As MadaraUchiha mentioned, it is one of the very basic tasks one should be able to perform. Maybe a little more practice in coding JavaScript is needed before you tackle some real project. — Mithrandir
– Mithrandir, Commented Dec 8, 2012 at 9:50

Mithrandir · Accepted Answer · 2012-12-08 09:48:05Z

1

Just use the + operator to concatenate strings:

  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>";
  }

answered Dec 8, 2012 at 9:48

Mithrandir

25.5k6 gold badges53 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adil · Accepted Answer · 2012-12-08 09:47:42Z

1

You can concatenate your html parts to add class name in your html,

Live Demo

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

answered Dec 8, 2012 at 9:47

Adil

148k25 gold badges217 silver badges207 bronze badges

Collectives™ on Stack Overflow

Building HTML in javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related