主页 / 问题 / 1058643
Accepted
AleksandrM
Asked:2020-12-15 00:26:38 +0000 UTC2020-12-15 00:26:38 +0000 UTC

通过迭代类和添加新类来帮助解决问题

  • 772

同一个类的div元素有很多，迭代的时候，我必须在块中找到例如表示字母'h'的div，并为其分配一个新的类。

  <input type="text" id="inp">
  <div class="buttoN"> m</div>
  <div class="buttoN">p</div>
  <div class="buttoN">h</div>
  <div class="buttoN">i</div>
  <div class="buttoN">b</div>

.buthover{
  color: red;
}

let inp = document.querySelector("#inp");
let but = document.querySelectorAll('.buttoN');
inp.onkeydown = function () {

.................
    for (i = 0; i < but.length; i++) {

............................


    }
}

链接https://codepen.io/fortune82/pen/xBMKKz?editors=1111

javascript

1 个回答

  1. Best Answer

    let inp = document.querySelector("#inp");
let but = document.querySelectorAll('.buttoN');
inp.onkeydown = function(e) {
  for(var i = 0; i < but.length; i++) {
    if (but[i].textContent == e.key)
      but[i].classList.add("red");
  }
}
    .red {
  color: red;
}
    <input type="text" id="inp">
<div class="buttoN">m</div>
<div class="buttoN">p</div>
<div class="buttoN">h</div>
<div class="buttoN">i</div>
<div class="buttoN">b</div>

    • 1

相关问题