在锚标记onclick事件中传递参数

Question

我正在动态创建锚标签

for (var i = 0; i < json.length; i++)
{
      <td><a href='#'  id=" + json[i].id + " onclick=getId('" + json[i].id + "','"+ json[i].text +"')>" + json[i].text + " </a></td>
}

在onclick函数中，我定义为

function getId(ID,text)
{
      console.log(ID);
      console.log(text);
}

在此onclick事件中，如果文本值在单词与单词之间不包含任何空格或空格，我可以在控制台中获取该文本值，以防万一如果文本包含任何空格，则显示错误，例如Unexpected token ILLEGAL 。

Answer 1

<a href='#' id=" + json[i].id + " onclick=getId('" + json[i].id + "','"+ json[i].text +"')>" + json[i].text + " </a>

上面的代码可能有效，但是恕我直言，它不是一个好习惯。

试试这个，我更喜欢这样，而且更干净。

var a = document.createElement('a');
a.setAttribute('id',json[i].id);
a.setAttribute('href',"#");
a.innerHTML = json[i].text;
a.onclick = function(e) {
    getId(json[i].id, json[i].text);
    e = e || window.event;
    e.cancelBubble = true;
    if (e.stopPropagation) {
        e.stopPropagation();
    }
    return false;
};

Answer 2

您的文本值可能具有不可见的字符，从而导致Unexpected token ILLEGAL 。

没有明显的原因导致“意外的令牌非法”应该对非法字符进行更多说明。

从JavaScript字符串中删除零宽度空格字符可以帮助您尝试删除这些字符。