Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用纯JavaScript设置样式_Javascript - Fatal编程技术网
Fatal编程技术网

使用纯JavaScript设置样式

javascript

使用纯JavaScript设置样式,javascript,Javascript,我想在没有jQuery的情况下设置body的背景 jquery : $('body').css('background','red'); 为什么这在纯JavaScript中不起作用 document.getElementsByTagName('body').style['background'] = 'red'; getElementsByTagName不返回单个元素，而是返回一个集合 试试这个： document.getElementsByTagName('body')[0].style

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

jquery : $('body').css('background','red');
为什么这在纯JavaScript中不起作用

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

getElementsByTagName
不返回单个元素，而是返回一个集合

试试这个：

document.getElementsByTagName('body')[0].style.backgroundColor  = 'red';
有许多方法可以设置背景色。 但是getElementsByTagName不返回单个对象。这是一个对象的集合

document.getElementsByTagName（'div'）[0].style.backgroundColor='RED'

sample
因为
.style
属性应用于单个DOM元素，并且
.getElementsByTagName（）
返回一个列表。我认为应该有错误，请检查
getElements…
注意
元素
末尾的
s
。使用
document.getElementsByTagName（'body'）[0]。样式['background']
返回一个没有样式属性的。您应该看看它，它是基本的是，这要简单得多。但这并不能解释为什么OP的代码不起作用。（还有…绿色？）getElementsByTagName返回一个包含多个值的对象，您可以通过它的索引访问它。为什么要创建
obj
变量？

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

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