根据它的innerHTML更改元素颜色

Question

如何根据div的innerHTML更改div的颜色，我尝试了此代码，但没有用：

var elements = document.getElementsByClassName('color');
for(var i=0; i<elements.length; i++) { 
  elements[i].style.color=document.getElementsByClassName('color').innerHTML;
}

<div class="color">
#4286f4
</div>

<div class="color">
#f442e5
</div>

请帮助。