無法調用null的方法“ appendChild”

Question

我的問題需要一些幫助； Chrome似乎不喜歡運行此代碼，但在Firefox上可以運行：

function createContext(width, height) {
    var canvas = document.createElement('canvas');
    canvas.id = "1";
    canvas.width = width;
    canvas.height = height;
    document.body.appendChild(canvas);
    return canvas.getContext('2d');
}

Answer 1

在調用函數之前，必須等待document.body實際存在。

最簡單的方法是在HTML標記的末尾而不是在<head>調用此代碼。

Answer 2

您還應該調用createContext()函數。 小提琴： http ： //jsfiddle.net/gXm8L/

Answer 3

也許您可以嘗試一下-

window.onload=function(){
    createContext(100, 200);
};

function createContext(width, height) {
    var canvas = document.createElement('canvas');
    canvas.id = "1";
    canvas.width = width;
    canvas.height = height;
    document.body.appendChild(canvas);
    return canvas.getContext('2d');
}

檢查這個小提琴-http: //jsfiddle.net/j4c7U/82/

無法調用null的方法“ appendChild”

問題描述

3 個解決方案

解決方案1
1 已采納 2013-12-12 11:17:30

解決方案2
0 2013-12-12 11:20:33

解決方案3
0 2013-12-12 11:23:41

無法調用null的方法“ appendChild”

問題描述

3 個解決方案

解決方案1 1 已采納 2013-12-12 11:17:30

解決方案2 0 2013-12-12 11:20:33

解決方案3 0 2013-12-12 11:23:41

解決方案1
1 已采納 2013-12-12 11:17:30

解決方案2
0 2013-12-12 11:20:33

解決方案3
0 2013-12-12 11:23:41