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

【问题标题】：Modify background: webkit-gradient with javascript修改背景：使用 javascript 的 webkit-gradient
【发布时间】：2013-04-14 11:29:33
【问题描述】：

这应该相当简单。我需要做的就是使用从链接调用的 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>

这两行都不行。什么给了？

【问题讨论】：

This example 可能会有所帮助——点击“位置”，您可以使用滑块更改渐变。

标签： javascript html css webkit gradient

【解决方案1】：

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

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

【讨论】：

这是一个 webkit 浏览器唯一的解决方案！它将无法通过跨浏览器测试。