0

私は得ています：

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 の Web サイト (skulpt.org) からコードの一部を取得し、少し変更しました。エラーが発生するのはなぜですか?どうすれば停止できますか?

4

1 に答える 1

0

「mypre」要素が Web ページに存在しません。

You should add a condition like this: 
var mypre = document.getElementById("output"); 

if( mypre ) != null){
    mypre.innerHTML = mypre.innerHTML + text; }
于 2016-08-10T07:24:12.380 に答える