Question

我是一个非常新的javascript，我试图做一个脚本来获得柔和的颜色变化，但是当调用objetc进行更改时，我遇到了一些问题。我的代码是这样的：

<script lenguage="javascript">
hexadecimal = new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F") 
function convierteHexadecimal(num){ 
    var hexaDec = Math.floor(num/16) 
    var hexaUni = num - (hexaDec * 16) 
    return hexadecimal[hexaDec] + hexadecimal[hexaUni] 
}

function convierteHexadecimal(num){ 
    var hexaDec = Math.floor(num/16) 
    var hexaUni = num - (hexaDec * 16) 
    return hexadecimal[hexaDec] + hexadecimal[hexaUni] 
}

color_decimal=0

function degradado(){ 
    color_decimal ++ 
    color_hexadecimal = convierteHexadecimal(color_decimal) 
    document.getElementById("title").style.color = color_hexadecimal + color_hexadecimal + color_hexadecimal 

    //la llamo con un retardo 
    if (color_decimal < 255) 
        setTimeout("degradado()",1) 
}

degradado()

这是我的代码，但是当我在Chrome中加载它时，会出现一个问题：

document.getElementById("title").style.color

我的h1是：

<h1 align="center" id="title">Degradando...</h1>

我注意到id正确写了，那么，问题是什么？

Answer 1

尝试这样做：

window.onload = function(){
  document.getElementById("title").style.color
}

我认为您在创建元素之前就已经访问了该元素。

Answer 2

从onload处理程序调用您的函数：

window.onload = function() {
    degradado();
}

以便在加载DOM后运行。

无法读取属性样式的null？

2 个答案: