富文本内，如何找出所有的color属性，然后进行统一修改

Question

传来一段富文本，v-html插入之后，发现字体颜色无法进行修改。现在需要对传来的富文本内所有出现color的情况进行获取并且统一修改成红色；要求
1.所有标签的color
2.所有的color属性表达方式
求指教
下面是富文本示例
富文本代码示例：

 <div class="body" style="height: 100vh;">
      <div style="text-align: right;">
        <span style="color: red;">活动规则进行修改</span>
        <span style="color: red;">活动规则进行修改</span>
        <span style="color: #fff;">活动规则进行修改</span>
      <div style="color: rgb(1,255,255);">蝴蝶结阿斯卡纶</div>  
      <div style="color: rgb(255,255,255);">蝴蝶结阿斯卡纶</div>  
      <a  style="color: rgb(255,255,255);">蝴蝶结阿斯卡纶</a>  
     </div>
</div>

Answer 1

let rootEL = document.getElementsByClassName("body");

function setRedColor(el){
for(var i=0;i<el.children.length;i++){
   el.children[i].style.color="red";
   if(el.children[i].children.length>0)
   {
      setRedColor(el.children[i]);
   }
 }
}
setRedColor(rootEL[0]);