.style is not canging element Code Answer

Hello Developer, Hope you guys are doing great. Today at Tutorial Guruji Official website, we are sharing the answer of .style is not canging element without wasting too much if your time.

The question is published on by Tutorial Guruji team.

I have this script:

price2 = document.getElementById('price2');
price3 = document.getElementById('price3');

for (var i = 0; i < price2.length; i++) {
  price2[i].style.backgroundColor = 'orange';
}


<div class="single-car-prices">
  <div class="single-regular-price text-center" id="price2">
    <span class="labeled">Ціна</span>
    <span class="h3"> $ 1.500</span>
  </div>
</div>

Why color of this div is still blue:

output

There is no errors in console, I think I wrote JS correctly

Answer

getElementById takes always just one element. What you want is:

let price2 = document.getElementById('price2');
let price3 = document.getElementById('price3');


price2.style.color = 'orange';

UPDATE:

If you want to update background, then just use background property:

price2.style.background = 'orange';

An example:

let price2 = document.getElementById('price2');
let price3 = document.getElementById('price3');

price2.style.background = 'orange';
<div class="single-car-prices">
      <div class="single-regular-price text-center" id="price2">
        <span class="labeled">Ціна</span>
        <span class="h3"> $ 1.500</span>
      </div>
</div>
We are here to answer your question about .style is not canging element - If you find the proper solution, please don't forgot to share this with your team members.

Related Posts

Tutorial Guruji