0

我是 Javascript 新手，遇到了一些困难。我想让用户输入一个单词并有一个函数识别该单词并将其打印回同一页面上的用户。每次我运行此代码时，它都会将我带到不同的页面并打印“[object]”。这是我的代码。有人可以帮帮我吗。

健康长寿·繁荣昌盛。

<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>
4

3 回答 3

3

将 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()" />
于 2012-06-29T15:53:15.777 回答
0

这段代码：

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

给你一个input, 即 DOM 对象（[object]当变成字符串时由它表示）。而你想检索它的内容，即价值。试试这个：

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

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

于 2012-06-29T15:51:50.990 回答
0

代替

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

尝试

   function animate() {
       var txt = document.getElementById("words").value;
       document.write(txt);
   }
于 2012-06-29T15:53:01.450 回答