修改背景: webkit-gradient with javascript

Question

这应该是相当简单的。我所需要做的就是通过一个javascript函数传递一个新的参数块到我的身体css标签webkit渐变中，这个javascript函数从一个链接调用。以下是我尝试过的(在其他200种方法中)：

CSS

body
{
    -webkit-text-size-adjust:100%;
    font-size:100%;
    color:#444;
    position:relative;
    background: -webkit-linear-gradient(top, #154d9e, #b8d8e4);
}

Javascript

<script>
function changeBack()
{
    document.getElementsByTagName("body").style.background="-webkit-linear-gradient(top, #fff, #000)";
    document.body.style.background="-webkit-linear-gradient(top, #fff, #000)";
}
</script>

这两条线路都不起作用。怎么回事？

Answer 1

这不起作用，因为document.getElementsByTagName("body")返回一个元素数组。您需要指定它是哪个元素。一个页面上只有一个body标记，所以这应该是可行的：

document.getElementsByTagName("body")[0].style.background="-webkit-linear-gradient(top, #fff, #000)";