Stel stijl in met pure JavaScript

Ik wil de achtergrond van het lichaam instellen zonder jQuery.

jquery : $('body').css('background','red');

Waarom werkt dit niet in puur JavaScript?

document.getElementsByTagName('body').style['background']  = 'red';

Antwoord 1, autoriteit 100%

document.getElementsByTagName('div')[0].style.backgroundColor = 'RED';
<div>sample</div>

Antwoord 2, autoriteit 17%

Er zijn veel manieren waarop u de achtergrondkleur kunt instellen.
Maar getElementsByTagNameretourneert geen enkel object. Het is een verzameling objecten

document.body.style.backgroundColor = "green"; // JavaScript
document.getElementsByTagName("body")[0].style.backgroundColor = "green"; // Another one

Bekijk de demo


Antwoord 3, autoriteit 3%

getElementsByTagNameretourneert geen enkel element, maar een verzameling.

Probeer dit:

document.getElementsByTagName('body')[0].style.backgroundColor  = 'red';

Other episodes