1 
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

    user name:
    <input type="text" id="t1">
    <br>
    <button type="button" onClick="myFunction()">display</button>

    <script type="text/javascript">
        function myFunction() {
            var str;
            str = document.getElementById("t1");
            alert(str);
        }
    </script>

</body>
</html>

上記のプログラムでは、アラート ボックス内に [object] が表示されています。理由がわかりません。ユーザーがテキスト ボックスに入力した内容を表示したいのですが。

4

5 に答える 5

3

の実際のコンテンツではなく、オブジェクトとして表される html 要素のみを取得しています<input>。次を使用して、そのコンテンツを明示的に取得する必要があります.value。

   function myFunction() {
        var str;
        str = document.getElementById("t1").value;
        alert(str);
    }
于 2013-09-30T13:11:35.433 に答える
0

変数strには、内部のテキストではなく、オブジェクト自体への参照が含まれています。あなたが望むものは：

str = document.getElementById('t1').value;
于 2013-09-30T13:11:39.017 に答える
0

t1.valueアラートで使用する必要があります。入力要素全体ですが、入力されたもの、つまりその値t1のみに関心があります。

于 2013-09-30T13:11:42.573 に答える
-3

ではなくalert(str)、 を使用してconsole.log(str)から、ブラウザのコンソールを確認してください

于 2013-09-30T13:12:13.987 に答える