Cannot call method 'appendChild' of null
Question
I need some help with my problem; it seems like Chrome doesn't like to run this code, but on Firefox it works:
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');
}
3 answers
solution1
1 ACCPTED 2013-12-12 11:17:30
You must wait for document.body to actually exist before calling your function.
The simplest way is to invoke this code at the end of your HTML markup, rather than in the <head>
solution2
0 2013-12-12 11:20:33
You should also call the createContext() function. Fiddle: http://jsfiddle.net/gXm8L/
solution3
0 2013-12-12 11:23:41
Perhaps you could try this -
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');
}
Check this fiddle - http://jsfiddle.net/j4c7U/82/
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Cannot call method appendChild of null
Uncaught TypeError: Cannot call method 'appendChild' of null?
Javascript error - cannot call method 'appendChild' of null
“cannot call method 'appendchild' to null”…error…why?
Cannot call method 'appendChild' of null for iframes
Cannot call method 'appendChild' of null dhtmlx grid
How to fix “Uncaught TypeError: Cannot call method 'appendChild' of null”
cannot call method appendChild of undefined
kineticjs “cannot call method 'appendChild' of undefined”
Chrome ext:appendChildTypeError: Cannot call method 'appendChild' of null when trying to build overlay div
Related Tags