使用纯JavaScript设置样式

Question

我想在没有jquery的情况下设置body的背景.

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

为什么这不适用于纯JS？

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

Answer 1

var obj = document.getElementsByTagName('div')[0].style.backgroundColor = 'RED';

<div>sample</div>

Answer 2

您可以通过多种方式设置背景颜色。但是getElementsByTagName不返回单个对象。它是对象的集合

document.body.style.backgroundColor = "green"; // JavaScript

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

看演示