在DOM上应用Charat方法

Question

我有这个标签元素，带有卡上的文字包，所以我想做的是我想将单词更改为OFF，所以我该如何使用Charat来做方法

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

Answer 1

使用替换替换文本内容

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';