2

このコードは、アイテム アイテムをボタンの上の div にリストとして表示するためのものですが、ボタンとプロンプトは機能しますが、div にテキストは表示されません。ヘルプ！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>Shopping List</title>
        <style>
            #button {
                width:80px;
                height:30px;
            }
            div.ex {
                width:500;
                height:500;
            }
        </style>
        <script>
            function a() {
                var thing = prompt('Insert an item or press cancel');

                if (thing != null && thing != undefined) {
                    document.getElementById('b') += thing;
                }
                else {
                }
            }
        </script>
    </head>
    <body>
        <div class='ex' style="color:#007AFC"></div>
        <button onclick='a()' id='button'>Add Item</button>
    </body>
</html>
4

4 に答える 4

0

まず、使用しdocument.getElementById('b')ていますが、HTML 要素がありませんid="b"。次に、+=演算子だけを使用して要素の HTML コンテンツを変更することはできません。innerHTML次のように属性を変更する必要があります。

 document.getElementById('b').innerHTML += thing;

id="b"また、次のようなHTML 要素が必要です。

 <div id="b" class='ex' style="color:#007AFC"></div>

ただし、よりわかりやすい名前を に使用することを検討してくださいid。

于 2013-10-25T16:16:40.140 に答える
0

本当に「+=」でテキストを追加できますか!? append()を使用して試してみます

そして sushain97 が言うこと: id を要素に追加します (id="b")。しかし、アイテムを次々に追加したい場合は、innerHTML() ではなく、append() を使用する必要があります。なぜなら、innerHTML() はすべてのコンテンツを置き換えるからです。

于 2013-10-25T16:18:17.363 に答える