使用Regex从HTML标记属性获取字符串-JavaScript

Question

我是Regex的新手，但我认为这是最好的方法。 我确实需要将文本从HTML标签属性转换为字符串数组，以便能够使用。 我有多个具有onclick属性的<span>标记。 这是我需要的属性中的文本。 我举一个例子。

<span class="ord" onclick="top.wiki_ord_klick('abstrakt','icke konkret, ogripbar')">abstrakt</span><br>

这是一个具有onclick属性的span类。 我要访问的是top.wiki_ord_klick（...）中的单词。 我希望将它们分别制成字符串并放入数组中。 结果将是

var result = ["abstrakt", "icke konkret, ogripbar"];

我怎样才能做到这一点？

Answer 1

以下将match（）与正则表达式/'.+?'/ 。 这会匹配单引号（包括引号）之间的所有内容，并将参数作为数组返回。

然后，使用map（）遍历数组以删除单引号。

 var span = document.querySelector('span.ord'), //get the <span> element click = span.onclick.toString(), //get its inline click event as a string parms = click.match(/'.+?'/g); //get an array of the onclick parameters parms = parms.map(function(parm) { return parm.replace(/'/g, ''); //remove single quotes }); console.log(parms); 

 <span class="ord" onclick="top.wiki_ord_klick('abstrakt', 'icke konkret, ogripbar')">abstrakt</span>