使用纯JavaScript设置样式

Question

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

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

为什么这不会在纯JS中工作？

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

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

<div>sample</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

  

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

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

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

See the demo

Answer 3

getElementsByTagName不会将单个元素instad返回给集合。

试试这个

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