如何获取DOM元素并为其设置带参数的onclick事件？

嘿，我来帮你搞定这个问题！你已经通过document.getElementById('btnStrView')拿到了按钮元素elem，现在要把函数里定义的funcId（值为'75'）作为参数传给parent.ExecuteCommand()，有几种简单靠谱的方法可以实现：

• 方法1：直接赋值onclick函数（最直观）
  直接给elem的onclick属性赋值一个匿名函数，在函数内部调用带参数的parent.ExecuteCommand：

  // 假设funcId已经在当前作用域定义：var funcId = '75';
  elem.onclick = function() {
    parent.ExecuteCommand(funcId);
  };
  

  这种方式不用处理字符串拼接，直接使用变量，安全又好维护，是比较推荐的基础写法。

• 方法2：通过setAttribute修改onclick属性字符串
  如果你习惯用HTML属性的方式设置事件，可以用字符串模板或者拼接的方式生成带参数的事件代码：

  // ES6模板字符串（简洁推荐）
  elem.setAttribute('onclick', `parent.ExecuteCommand("${funcId}")`);
  
  // 传统字符串拼接（兼容旧浏览器）
  elem.setAttribute('onclick', 'parent.ExecuteCommand("' + funcId + '")');
  

  注意：如果funcId包含特殊字符（比如双引号），这种方式会出问题，需要额外转义，所以不如方法1稳妥。

• 方法3：使用事件监听器（现代规范写法）
  要是你不想覆盖原有的onclick事件（或者想遵循更规范的事件绑定逻辑），可以先移除旧的onclick属性，再添加新的点击事件监听器：

  // 移除原来的onclick属性
  elem.removeAttribute('onclick');
  // 添加新的点击事件
  elem.addEventListener('click', function() {
    parent.ExecuteCommand(funcId);
  });
  

  这种方式的好处是可以给同一个按钮绑定多个点击事件，不会互相覆盖，代码逻辑也更清晰。

内容的提问来源于stack exchange，提问作者Michael