0

ユーザーがテキストを入力するためのフィールドを追加し、そのテキストを現在のdivに表示される新しい段落要素に追加しようとしています。

しかし、ユーザー入力の代わりに[オブジェクト]を受け取っています。これはまだ文字列値ではないためですか？オブジェクトを文字列に変換しようとしていますが、エラーが返され続けます。

function addText(){
    var newParagraph = document.createElement('p');
    var input = document.getElementById('userInput');

    newParagraph.className = 'red';
    newParagraph.appendChild(document.createTextNode(input));
    document.getElementById('content').appendChild(newParagraph);
}

function getText(){         
        addText();
}

「userInput」の入力IDを使用しており、ボタンの関数を。でトリガーしていますonClick = "getText()"。userInputテキストの代わりに[object]を返すことを除いて、スクリプトは正しく機能しています。

HTML：

<input type="text" id="userInput" />
<button id="button" onClick="getText()">Insert Text</button>
4

1 に答える 1

2

入力の値を取得する必要があります。今は、入力全体をオブジェクトとしてに割り当てるvar inputので、次のようになります。

var input = document.getElementById('userInput').value;
于 2012-06-17T06:06:38.383 に答える