在dom上应用charAt方法？

Question

我有一个标签元素，其文本内容为“卡片上的姓名”，所以我要做的是将“开”更改为“关”，那么如何使用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>

Answer 2

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

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

document.querySelector('#mylabel .operation').innerText = 'off';