javascript - 有什么办法可以使用javascript更改文本，从而使CSS继续正常工作？

所以基本上我想使用javascript更改div中的文本。我设法做到了，但是遇到一个问题：该文本所在的标记不再适用于JavaScript更改的文本。

我尝试将.textContent更改为.innerHTML

<div class="nr11"><h1>11</h1></div>

let lastPosition=document.querySelector('.nr'+player.lastPosition);
lastPosition.textContent=player.lastPosition;

我希望文本（在我的情况下为11）用player.lastPosition更改，同时仍对player.lastPosition有效。

最佳答案

只需更改选择器以选择h1元素而不是div即可：

let player = {lastPosition: 11};
let lastPosition = document.querySelector('.nr' + player.lastPosition + '>h1');
// or with a template string: `.nr${player.lastPosition}>h1`
lastPosition.textContent = player.lastPosition;

<div class="nr11"><h1>11</h1></div>