js 过滤HTML字符串中的<h1>–<h6>标签添加ID属性

Question

let str = '<h1>123</h1><h2>456</h2><div><h3>678</h3></div>'

  找到HTML字符串中所有<h1>–<h6>的标签，并给它们添加唯一的ID属性，如果有ID属性了就不添加；

 

Answer 1

<script type="text/javascript">
let str = '<h1>123</h1><h2>456</h2><div><h3>678</h3></div>'
let index = 1;
str = str.replace(/<h[1-6]\b/ig,function (s) {
	return s + " id='"+(index++)+"'";
});
console.log(str);
</script>

输出结果

<h1 id='1'>123</h1><h2 id='2'>456</h2><div><h3 id='3'>678</h3></div>