js 拼接html 绑定点击事件传入参数

在 JavaScript 中，可以使用字符串拼接的方式动态生成 HTML 元素，并且可以为这些元素绑定点击事件并传入参数。以下是一个示例：

// 创建一个空的 div 元素
var myDiv = document.createElement("div");

// 设置 div 元素的 id 属性
myDiv.setAttribute("id", "myDiv");

// 创建一个 button 元素
var myButton = document.createElement("button");

// 设置 button 元素的文本内容
myButton.innerHTML = "点击我";

// 为 button 元素绑定点击事件，并传入参数
myButton.onclick = function() {
  handleClick("Hello, world!");
}

// 将 button 元素添加到 div 元素中
myDiv.appendChild(myButton);

// 将 div 元素添加到页面中
document.body.appendChild(myDiv);

// 点击事件的处理函数
function handleClick(message) {
  alert(message);
}

在上面的示例中，我们通过 `createElement()` 方法创建了 `div` 和 `button` 元素，然后使用 `setAttribute()` 方法设置了 `div` 元素的 `id` 属性。接着，我们为 `button` 元素绑定了一个点击事件，并在点击事件的处理函数中传入了一个字符串参数。最后，我们将 `button` 元素添加到 `div` 元素中，将 `div` 元素添加到页面中。

当用户点击 `button` 元素时，点击事件的处理函数 `handleClick()` 将会被调用，并且将字符串参数 `"Hello, world!"` 传入其中。在这个处理函数中，我们使用 `alert()` 方法弹出这个字符串参数，从而实现了点击事件的功能。