結果を表示する
元にもどす
<html> <meta charset="utf-8"> <style> .色を付けたい場所{background-color:#ffdddd; text-decoration:none;display:inline-block;} </style> <div class="文字列の範囲"> <div class="ここの背景色を">テキスト・ボックスがフォーカスされました.</div> </div> <br> <input type="text"data-target="ここの背景色を"> <script> !function() {const 背景からー="色を付けたい場所", いんぷっと取得=document.querySelectorAll("input"), 色を付けたい場所=document.querySelector(".文字列の範囲"); いんぷっと取得.forEach((いんぷっと取得=>いんぷっと取得.addEventListener("focus",(()=> {((いんぷっと取得)=>{const 読む=色を付けたい場所.querySelector("."+いんぷっと取得.dataset.target); 読む.classList.add(背景からー)}) (いんぷっと取得,""===いんぷっと取得.dataset)}))))}(); </script> </html>