Question

我是Javascript的新手并且遇到了一些困难。我想让用户输入一个单词并使用一个功能识别单词并将其打印回同一页面上的用户。每次我运行此代码虽然它带我到一个不同的页面并打印'[object]'。这是我的代码。有人可以帮帮我吗。

Live Long and Prosper。

<html>
<head>
<script src="raphael-min.js"></script>
<script src="jquery-1.7.2.js"></script>

<script type="text/javascript">
function animate() {
var txt = document.getElementById("words");
document.write(txt);
}
</script>
</head>
<body>

Text: <input type="text" id="words" value="" />
<input type="submit" value="Animate" onclick="animate()" />

</body>

</html>

Answer 1

在网页上添加div

<div id='msg'></div>

并将您的js功能更改为

 <script type="text/javascript">
    function animate() {
    var txt = document.getElementById("words").value;
    document.getElementById("msg").innerHTML = txt;
    return false;
    }
    </script>

同时对提交按钮进行以下更改

<input type="submit" value="Animate" onclick="return animate()" />

Answer 2

此代码：

var txt = document.getElementById("words");

为您提供input，即DOM对象（转换为字符串时由[object]表示）。并且您想要检索其内容，即价值。试试这个：

var txt = document.getElementById("words").value;

刷新是由提交按钮引起的。将其类型更改为type="button"。

Answer 3

而不是

    function animate() {
       var txt = document.getElementById("words");
       document.write(txt);
   }

尝试

   function animate() {
       var txt = document.getElementById("words").value;
       document.write(txt);
   }

Javascript功能难度

3 个答案: