在 javascript 函数中传递值时出错答案

【问题标题】：Error while passing value in a javascript function在 javascript 函数中传递值时出错
【发布时间】：2020-05-14 16:24:31
【问题描述】：

  var d = ""; 
            var c = ""; 
            var table = "<div id='h' style='overflow-y:scroll;overflow-x:hidden;height:60vh'>";
            db.collection("Notes")
            .where("user","==",current_email)
            .get().then((snapshot)=>{
                snapshot.docs.forEach(doc=>{
                    count++;

                d = doc.data()["title"];
                c = doc.data()["content"];
          if(count != 0){

              table += "<b><label id='titleb'>"+d.toUpperCase()+"</label></b><br><label id='titleba'>"+c+"</label><b><img id='del' src='del.svg' onclick='delme('"+d+"')'><br><br><br>";  
            }
          else{
              table += "<label>You dont have any notes</label>";
          }

我试图在单击图像时将值传递给 js 函数，但由于输入意外结束而出现错误。谁能告诉我如何将参数传递给此函数。我正在动态编写此 HTML 内容并需要传递值

function delme(dd){
    console.log(dd);
 }

【问题讨论】：

标签： javascript firebase dom parameters parameter-passing

【解决方案1】：

使用onclick='delme(\""+d+"\")'

 table="";
 count=1;
 d="da"
 c=1
 if(count != 0){

              table += "<b><label id='titleb'>"+d.toUpperCase()+"</label></b><br><label id='titleba'>"+c+"</label><b><img id='del' src='del.svg' onclick='delme(\""+d+"\")'><br><br><br>";  
            }
          else{
              table += "<label>You dont have any notes</label>";
          }

$("#test").html(table)
function delme(dd){
    console.log(dd);
 }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="test"></div>

【讨论】：

【解决方案2】：

在定义 HTML 属性时，尝试在任何地方使用双引号 (") 而不是单引号 (')。

【讨论】：