javascript - 修改背景：使用 javascript 的 webkit-gradient

Question

这应该相当简单。我需要做的就是使用从链接调用的 javascript 函数将一个新的参数块传递给我的 body css 标记 webkit 渐变。这是我尝试过的（在其他 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)";