3

これが機能しない理由がわかりません。私の知る限り、配列をアルファベット順にdivの「出力」に出力する必要があります

<!DOCTYPE HTML>
 <html>
   <head>
   <meta charset="utf-8">
<title> Lexicographic ordering </title>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
    var words = [];
        var input = prompt("Please enter a word or type end to stop prompts");
    while (input != 'end') {
        words.push(input);
        input = prompt("Please enter a word or type end to stop prompts");
    }
    words.sort();
    getElementById('#output').innerHTML= words.join();
</script>
 </head>
 <body>
    <header>Lexicographic Ordering </header>
    <hr>
 <div class ="page-wrapper">
     h1> Lexicographic Ordering </h1>
    <div id="output"></div>
 </div>
</body>
</html>
4

2 に答える 2

2

<script>を閉じる直前に、最後にブロックを移動しようとすることもできます</body>。の後のどこでも<div id="output"></div>。

一部のブラウザーの JavaScript は、スクリプトが実行中または参照しようとしているときに、HTML パーサーによって解析されていない要素を参照する必要がある場合に失敗します。

#また、 withは使用しませんgetElementById(...);。#Jquery で使用されます。これは純粋な JavaScript です。成功するgetElementById('output').whatever...;

編集：

Patrick Evans が提案したもう 1 つのオプションは、JavaScript コードをonload()イベント ハンドラー メソッドに移動してコードを実行することです。これにより、HTML を操作する前に、HTML が DOM に完全に読み込まれていることが保証されます。

于 2013-10-05T04:21:09.517 に答える