Home/ Questions/Q 6776619
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T16:03:03+00:00

I need to build a dynamic string as for each data. This string will

  • 0

I need to build a dynamic string as for each data. This string will set up an HTML button, when event click will call a function. I’m having problems with the ‘e’. See the example below:

var stringButton = ""; 
var txtBtn = "My Button";
for(item in data){
     stringButton= "<input id='btn-" + item.id + "' type='button' href='#'
class='fbbutton'" + "value=' " + txtBtn + "' onclick='actionBtn(" + item .id + ", '" + 
item .name + "')'>";
}

function actionBtn(id, name) {
//process data.
}

In inspect element I see:

<input id="btn-1599" type="button" href="#" class="fbbutton" value=" My Button " 
onclick="actionBtn(1599, " itemName"" jjjj')'="">

The problem is to create string which call methods passing parameters strings.
As we can see, ” and ‘ are wrong. What is the correct way?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    DOM Inspectors show you the DOM after it has been processed by the parser. It does NOT show you the raw source. Things like “what kind of quotes were used”, “what order the attributes were in”, “how many space characters were between attributes” are not preserved.

    Here, you are seeing that all the attributes are wrapped in double-quotes, but that they also contain double-quotes. But you would also notice that the ones inside the value are colour-coded as part of the string (usually in blue).

    That said, in your source, you are usin single quotes around the attribute value and single quotes inside it. Consider using double-quotes in place of one or the other (escaped as \" here), or an &quot; entity.

    Finally, welcome to Stack Overflow. Please ACCEPT answers to previous questions before asking new ones.

    • 0