能否通过onclick事件处理器捕获非自身元素的属性？

当然可以！在onclick事件里获取其他标签的属性完全没问题，我给你几种实用的实现方法：

如果目标元素有明确的标识（比如ID），可以直接在事件里用DOM选择器定位元素，再提取属性：

假设页面里有这么一个目标元素：

<input id="userForm" data-form-id="1001" type="hidden">

你的按钮可以这么写：

<button onclick="Submit_Click(document.getElementById('userForm').getAttribute('data-form-id'))">Save changes</button>

• 如果是标准HTML属性（比如id、value），还可以直接用属性名访问，比如document.getElementById('userForm').id
• 对于data-*开头的自定义属性，也可以用dataset快捷访问：document.getElementById('userForm').dataset.formId

如果目标元素没有ID，也可以用querySelector通过类名、标签名或其他选择器定位：

比如页面里有个类名为target-card的元素：

<div class="target-card" data-item-id="2002"></div>

按钮的onclick可以写成：

<button onclick="Submit_Click(document.querySelector('.target-card').dataset.itemId)">Save changes</button>

内联onclick虽然快捷，但代码耦合度高，还容易遇到引号转义问题（就像你示例里的转义引号），更推荐把事件处理逻辑放到单独的JS代码里：

<button id="saveBtn">Save changes</button>
<div id="targetElement" data-content="3003"></div>

<script>
// 获取按钮元素并绑定点击事件
document.getElementById('saveBtn').addEventListener('click', function() {
  // 定位目标元素并获取属性
  const targetAttr = document.getElementById('targetElement').getAttribute('data-content');
  // 调用你的提交函数
  Submit_Click(targetAttr);
});

// 你的提交函数
function Submit_Click(attrValue) {
  console.log('获取到的其他元素属性：', attrValue);
  // 这里写你的业务逻辑
}
</script>

注意事项 #

• 确保目标元素在按钮点击时已经加载到DOM中，如果是动态生成的元素，需要用事件委托或者在元素生成后再绑定点击事件
• 如果页面里有多个同类型元素，要注意选择器的准确性，避免获取到错误的元素

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