单击“按钮”时出现onclick函数错误

Question

我正在将参数传递给onclick函数，但是当我尝试控制参数时，它会给我一个错误 我的代码

function createAllPlacesElement(placeName, key){
var html = 
'<div class="col-sm-4"><div class="card">'+
'<p class="placeName"></p>';

var html1= 
'<div class="card"><a class="idkey" onclick="show('+ key +' ) "><button class="placeName">jhsdjkhfj</button></a></div>';

var div = document.createElement('div');
div.innerHTML = html1;
var dataElement = div.firstChild;

dataElement.getElementsByClassName('placeName')[0].innerHTML = placeName;




return dataElement;
}

function show(key) {
 window.alert(key);
}

单击按钮时出现错误：

未捕获的ReferenceError：未定义L6w_E36ki97TsRMxe2z     在HTMLAnchorElement.onclick（index.html：1）

Answer 1

你的javascript注入需要一些引号 - 这就是你所拥有的。

'<div class="card"><a class="idkey" onclick="show('+ key +' ) "><button class="placeName">jhsdjkhfj</button></a></div>';

密钥插入时没有引号 - 应为show(\"' + key + '\")或show(\'' + key + '\')。