javascript - 如何在带参数的函数中设置单个属性 id？

Question

我想在设置属性所有元素后运行循环。

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)

标签： javascripthtml

Answer 1

给你一个解决方案

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

function setattr(className, idnum){

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

<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>

您需要将第二个参数作为字符串传递