TypeError: Cannot read property 'innerHTML'使用Skulpt

ExternalError: TypeError: Cannot read property 'innerHTML' of null with Skulpt runit() function

本文关键字：innerHTML 使用 Skulpt Cannot property TypeError read      更新时间：2023-09-26

我得到了一个:

ExternalError: TypeError: Cannot read property 'innerHTML' of null on line 2

<!DOCTYPE html>
<html>
    <head>
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.0/jquery.js"></script>
<script src="http://www.skulpt.org/static/skulpt.min.js" type="text/javascript"></script> 
<script src="http://www.skulpt.org/static/skulpt-stdlib.js" type="text/javascript"></script> 
        <title>Python Coding Area</title>
        <script type='text/javascript'>
function outf(text) { 
    var mypre = document.getElementById("output"); 
    mypre.innerHTML = mypre.innerHTML + text; 
} 
function builtinRead(x) {
    if (Sk.builtinFiles === undefined || Sk.builtinFiles["files"][x] === undefined)
            throw "File not found: '" + x + "'";
    return Sk.builtinFiles["files"][x];
}
function runit() { 
   var prog = document.getElementById("textbox").value; 
   var mypre = document.getElementById("dynamicframe"); 
   mypre.innerHTML = ''; 
   Sk.pre = "output";
   Sk.configure({output:outf, read:builtinRead}); 
   (Sk.TurtleGraphics || (Sk.TurtleGraphics = {})).target = 'canvas';
   var myPromise = Sk.misceval.asyncToPromise(function() {
       return Sk.importMainWithBody("<stdin>", false, prog, true);
   });
   myPromise.then(function(mod) {
       console.log('success');
   },
       function(err) {
       console.log(err.toString());
   });
} 
        </script>
    </head>
    <body style="font-family:Raleway !important;">
        <textarea id="textbox" cols="50" rows="10"></textarea><br /> 
<button type="button" onclick="runit()">Run</button> 
</form> 
        <pre id="dynamicframe" ></pre> 
<div id="canvas"></div> 
    </body>
</html>

，当我点击运行按钮运行python代码与skulpt。在这种情况下使用skulpt有问题吗?我从skulpt网站(skulpt.org)上取了一些代码，并对其进行了一些修改。为什么我得到错误，我怎么能停止它?

网页中不存在'mypre'元素

You should add a condition like this: 
var mypre = document.getElementById("output"); 
if( mypre ) != null){
    mypre.innerHTML = mypre.innerHTML + text; }
相关文章：