在dom上应用charAt方法？

Question

我的标签元素带有“卡片上的姓名”的textContent，所以我想做的是将“开”更改为“关”，那么我该如何使用charAt方法呢？ <label for="cname" id="mylabel">Name on Card</label>   let label=document.querySelector("label#mylabel");  label.textContent.charAt(2)="ff";;

Answer 1

鉴于您只想更改字符串的一部分，因此我认为这增加了其重要性，使其具有自己的目标标签。

<label for="cname" id="mylabel">Name <span class="operation">on</span> Card</label>
document.querySelector('#mylabel .operation').innerText = 'off';

Answer 2

使用替换替换文本内容

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>