使用javascript修改背景:webkit-gradient

时间:2013-04-14 11:29:33

标签: javascript html css webkit gradient

这应该相当简单。我需要做的就是将一个新的参数块传递给我的body 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>

这两条线都不起作用。是什么给了什么?

1 个答案:

答案 0 :(得分:3)

这不起作用,因为 document.getElementsByTagName(“body”)返回一个元素数组。您需要指定它是哪个元素。页面上只有一个正文标记,因此这应该有效:

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