如何通过纯JavaScript获取元素onclick属性的参数值？

当然可以用纯JavaScript搞定！你已经成功拿到了onclick属性的字符串值，接下来只需要对这个字符串做解析就能提取出param1和param2啦，给你两种实用的方法：

方法一：正则表达式（推荐，更灵活） #

正则表达式能精准匹配函数调用里的参数部分，适配大部分格式固定的场景：

// 先获取onclick属性内容
const onclickContent = document.getElementById('buttonId').getAttribute('onclick');

// 用正则匹配函数参数
const paramMatch = onclickContent.match(/somefunction\('([^']+)',\s*'([^']+)'\)/);

if (paramMatch) {
  const [_, param1, param2] = paramMatch; // 第一个元素是完整匹配结果，取后面两个
  console.log('提取到param1:', param1);
  console.log('提取到param2:', param2);
}

简单解释下这个正则：

• somefunction\( 精准匹配函数名和左括号
• '([^']+)' 匹配单引号包裹的内容（[^']+表示匹配任意非单引号的字符）
• \s* 匹配参数之间可能存在的空格，兼容不同的格式书写

方法二：字符串分割（适合格式完全固定的场景） #

如果你的onclick内容格式不会变，也可以用字符串分割的方式快速提取：

const onclickContent = document.getElementById('buttonId').getAttribute('onclick');

// 去掉前缀和后缀，只保留参数部分
const paramsStr = onclickContent.replace('javascript:somefunction(', '').slice(0, -1);

// 分割参数并清理引号和空格
const [rawParam1, rawParam2] = paramsStr.split(',');
const param1 = rawParam1.trim().replace(/'/g, '');
const param2 = rawParam2.trim().replace(/'/g, '');

console.log('param1:', param1);
console.log('param2:', param2);

这种方法更直白，但如果后续onclick里的函数名、参数格式有变化，就需要调整代码，灵活性不如正则。

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