如何在带有参数的函数中设置单个属性ID?

我想一旦设置所有元素的属性运行循环。

HTML代码:

<p class="chapter">chapter 1 text</p>
<p class="chapter">chapter 2 text</p>
<p class="chapter">chapter 3 text</p>

<p class="title">title 1 text</p>
<p class="title">title 2 text</p>
<p class="title">title 3 text</p>

JAVASCRIPT代码:

var chapter = document.querySelectorAll('.chapter')
var title = document.querySelectorAll('.title')

function setattr(className, idnum){

  for(var i = 0; i < className.length; i++){
    className[i].setAttribute('id', `${idnum}_${i}`)
  }
}
setattr(chapter, chapterId)
setattr(title, titleId)