Question

当一个人在文本框中写入内容并将其作为用户编写的文本时，我想更改div“结果”的文本。有人帮我/聪明/知识渊博吗？我是java脚本的新手，所以请帮助我。这是代码：

<!DOCTYPE HTML>
<html>
<head>

<script>
function updateText(text){
document.getElementById("result").innerHTML =text;
}
}</script>

</head>
<body>

<div id="text">
Write to change:<input id="slide" type="text" value=""
onchange="updateText(this.value);" />


</div>
<div id="result" style="height:40px;width:40px;border:1px solid #999"></div>
<br/>
</body>

</html>

我还想知道如何将用户写入的文本插入到页面的该元素的提示框中。

Answer 1

你的代码绝对没问题，只是你在代码中使用了一个额外的'}'。

<!DOCTYPE HTML>
    <html>
    <head>    
    <script>
    function updateText(text){
    document.getElementById("result").innerHTML =text;
    }
    </script>    
    </head>
    <body>    
    <div id="text">
    Write to change:<input id="slide" type="text" value=""
    onchange="updateText(this.value);" />
    </div>
    <div id="result" style="height:40px;width:40px;border:1px solid #999"></div>
    <br/>
    </body>    
    </html>

但是在浏览器屏幕中，只有当您将控件从文本字段中移开时，才能看到输出。在给出一些输入之后，尝试单击浏览器中的其他位置。

用户输入后更改div元素的文本

1 个答案: