HTMLを含む文字列パラメータを使用してonclickに関数を追加

Question

3つのパラメータ（int、int、string）を持つonclickに関数を追加したいと思います。 HTMLとその他の引用符を含む文字列パラメータ。それは可能でしょうか？私はここでそれを見たpass stringしかし、私の場合には動作していません。

<p onclick="myfunction(0,3,'<b">FirstName = 
\"Dondellx\"\n<b>LastName</b> = \"Batacx\"\n<b>path</b> = 
\"xxxpath\""');dondell 
</p> 

\\多くの文字を持つ文字列が含まれています。この機能は、JSONを読んだとき、私は、ループ内で「P」タグに入れJSONファイルから実際にあります。

これは私がJSONアイテムを取得して文字列paramに置くことです。

//This is a for loop 
<p onclick="myfunction(0,3,'dataFromJSon[0]')"></p> 
<p onclick="myfunction(0,3,'dataFromJSon[1]')"></p> 
<p onclick="myfunction(0,3,'dataFromJSon[2]')"></p> 

これは私のテキストを入力するテキストエディタです。 ご覧のとおり、私はtextAreaで引用しているので、なぜそれをqoutationsで保存する必要があるのですか？ ：あなたのHTMLとJavaScriptコードで非常に多くの構文エラーがあるので

Answer 1

あなたのhtmlのは確かmisformedあるので、私は単純なデモを作成しました。うまくいけば、私は他のパラメータと同様にHTMLコードを渡すためにオブジェクトを使用するので、それはまだ役に立ちます。

var object = {a:0,b:3,c:'<b>FirstName=</b>Dondellx'}; 
 
function myfunction(obj){ 
 
    document.getElementById("out").innerHTML=obj.c; 
 
}

<p onclick="myfunction(object)">click</p> 
 
<div id="out"></div>

Answer 2

これは確かです：

これはJSONです。

正しくたぶん（私はexempleのための偽のmyfunctionを実装している、これを試してください... javascriptの文字列の宣言、適切に接近していないHTMLタグ、正しく定義されていない属性値内の改行をエスケープしていない、

を引用符をエスケープしていません\nを<br/>に置き換えてください。改行はHTMLでは意味がありません）。

function myfunction(a,b,str){ 
 
    var row = document.createElement('div'); 
 
    row.innerHTML = str; 
 
    document.body.appendChild(row); 
 
}

<p onclick="myfunction(0,3,'<b>FirstName = &quot;Dondellx&quot<br/><b>LastName</b> = &quot;Batacx&quot;<br/><b>path</b> = &quot;xxxpath&quot;');">dondell 
 
</p>