js选项卡

// 选项卡
sxxr()
function sxxr() {
  let clr = document.querySelectorAll("li")
  let op = document.getElementsByClassName("llrt")
  for (let i = 0; i < clr.length; i++) {
    clr[i].onclick = function() {
      for (let p = 0; p < op.length; p++) {
        clr[p].style.color = "black"
        op[p].style.display = "none"
      }
      clr[i].style.color = "blue"
      // clr[i].style.borderButtom="1px solid red"
      op[i].style.display = "block"
    }
  }
}

<ul id="on">
          <li id="dgpt"><p>已审核(10)</p></li>
          <li>待审核(0)</li>
          <li>已驳回(0)</li>
        </ul>

/* 选项卡 */
li{
  list-style: none;
}
#on{
  width: 22%;
white-space: nowrap;
  /* background-color: red; */
  justify-content: space-around;
  display: flex;
  height: 30px;
  margin-top: 9px;
  margin-left: 20px;
}
hr{
  margin-top: -1px;
}
.llrt{
  width: 100%;
  margin: auto;
  display: none;
  /* text-align: center; */
  background-color: white;
  padding-bottom: 20px;
}