javascript - 在dom上应用charAt方法？

Question

我有这个标签元素，其文本内容为“卡片上的名称”，所以我想要做的是，我想将单词“On”更改为“Off”，那么如何使用 charAt 方法来做到这一点

 <label for="cname" id="mylabel">Name on Card</label>
 let label=document.querySelector("label#mylabel");
 label.textContent.charAt(2)="ff";;

Answer 1

使用replace替换文本内容

let label = document.querySelector("label#mylabel");
label.textContent = label.textContent.replace('on', 'off');

<label for="cname" id="mylabel">Name on Card</label>

或者只是完全重写字符串。

let label = document.querySelector("label#mylabel");
label.textContent = 'Name off Card';

<label for="cname" id="mylabel">Name on Card</label>

或者，如上所述，我们可以向标签添加一个范围，选择该范围并替换该值。

let label = document.querySelector("label#mylabel>span");
label.textContent = 'off';

<label for="cname" id="mylabel">Name <span>on</span> Card</label>