由于我們擁有了一個游戲的窗口，我們現(xiàn)在想讓我們的游戲窗口出現(xiàn)點什么。比如一條蛇？一個食物？
是的！我們需要點東西在屏幕中，但是我們先不考慮這么多，先來一只蛇頭怎么樣？

為什么先繪制蛇頭？
因為我們的蛇是由一個個div組成的，一下子操縱太多的div塊在屏幕中行走想想都麻煩。我們先來繪制一個方塊，并且讓它在屏幕中動起來。

const sh_width = "30px",sh_height = "30px",sh_background = "url(\"shead.png\")"

    function paintHead(){
        //繪制蛇頭
        const snHead = document.createElement("div");//創(chuàng)建一個蛇頭元素
        snake.push(snHead);
        //蛇頭樣式
        snHead.style.width = sh_width;
        snHead.style.height = sh_height;
        snHead.style.background = sh_background;
        snHead.style.position = "absolute";
        snHead.style.top = "300px";
        snHead.style.left = "300px";
        snHead.style.zIndex = "100";
        snHead.setAttribute("id","snHead");
        //添加到文檔結(jié)構(gòu)中
        screen.appendChild(snHead);
    }