首页 > javascript > span > Javascript Element - 如何单击跨度更改随机颜色

Javascript Element - 如何单击跨度更改随机颜色

span 【span】
我们想知道如何单击跨度更改随机颜色。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<body>
  <span>Click to Change random Color</span>
  <br />
  <br />
  <div id="results"></div>
  <script type='text/javascript'>
    var body;
    var button;
    body = document.querySelector('body');
    button = document.querySelector('span');
    function changeColor() {
        var color = '#'+Math.floor(Math.random()*16777215).toString(16);    
        body.style.background = color;
        document.getElementById('results').innerHTML += color + '<br />';
    }
    button.onclick = changeColor;
</script>
</body>
</html>