javascript - 在每次出现其他多个子字符串后附加字符串

Question

假设我将以下字符串存储在一个变量中，比如说 txt1 :

<a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfscs" href="javascript:void(0)">1. fcfs.cs</a>&nbsp;&nbsp;<i id="myStaroperatingsystemsrcfirstcomefirstservefcfscs" class="fa fa-star"></i><br><a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfscpp" href="javascript:void(0)">2. fcfs.cpp</a>&nbsp;&nbsp;<i id="myStaroperatingsystemsrcfirstcomefirstservefcfscpp" class="fa fa-star"></i><br><a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfspy" href="javascript:void(0)">3. fcfs.py</a>&nbsp;&nbsp;<i id="myStaroperatingsystemsrcfirstcomefirstservefcfspy" class="fa fa-star"></i><br><a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfsrs" href="javascript:void(0)">4. fcfs.rs</a>&nbsp;&nbsp;<i id="myStaroperatingsystemsrcfirstcomefirstservefcfsrs" class="fa fa-star"></i><br><a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstserveFCFSjava" href="javascript:void(0)">5. FCFS.java</a>&nbsp;&nbsp;<i id="myStaroperatingsystemsrcfirstcomefirstserveFCFSjava" class="fa fa-star"></i><br>

现在我想插入 style='color: rgb(255, 255, 255); font-weight: bold'每 a target="_blank 之后出现在字符串中。

我如何使用 javascript 做到这一点？

Answer 1

如果可以轻松地使用 CSS 来设置相应元素的样式，为什么还要使用 Javascript 来修改 HTML 字符串:

a[target="_blank"] + * {
  color: /* rgb(255, 255, 255) */
  red;
  font-weight: bold;
}

<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">

<a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfscs" href="javascript:void(0)">
  	1. fcfs.cs
</a>
&nbsp;&nbsp;
<i id="myStaroperatingsystemsrcfirstcomefirstservefcfscs" class="fa fa-star"></i>
<br>
<a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfscpp" href="javascript:void(0)">
  2. fcfs.cpp
</a>
&nbsp;&nbsp;
<i id="myStaroperatingsystemsrcfirstcomefirstservefcfscpp" class="fa fa-star"></i>
<br>
<a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfspy" href="javascript:void(0)">
  3. fcfs.py
</a>
&nbsp;&nbsp;
<i id="myStaroperatingsystemsrcfirstcomefirstservefcfspy" class="fa fa-star"></i>
<br>
<a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstservefcfsrs" href="javascript:void(0)">
  4. fcfs.rs
</a>
&nbsp;&nbsp;
<i id="myStaroperatingsystemsrcfirstcomefirstservefcfsrs" class="fa fa-star"></i>
<br>
<a target="_blank" id="myIdoperatingsystemsrcfirstcomefirstserveFCFSjava" href="javascript:void(0)">
  5. FCFS.java
</a>
&nbsp;&nbsp;
<i id="myStaroperatingsystemsrcfirstcomefirstserveFCFSjava" class="fa fa-star"></i><br>