javascript - 通过单击按钮更改 div 中的内容

标签 javascript jquery html css

也许这是重复的,我不知道

但是我如何让我的文本输入变成文本呢?

<input type='text' id='input_id' /> 
<button id='saveName'>Save name</button> 
<div id='box_id'></div> 

<script> 
    document.getElementById('saveName').addEventListener('click', function() { 
        var name = document.getElementById('input_id').value; 
        document.getElementById('box_id').innerHTML = 'Welcome ' + name; 
    }, false); 
</script>  

因此,当按下按钮时,input 标签和 button-标签更改

到用户名:文本输入

几乎像登录一样,但没有服务器和电子邮件等。

最佳答案

试试下面的代码:

<input type='text' id='input_id' /> 
<button id='saveName' onClick="callMethod()">Save name</button> 
<div id='box_id'></div> 

<script> 
function callMethod(){
var name = document.getElementById('input_id').value; 
document.getElementById('box_id').innerHTML = 'Welcome ' + name; 
}
</script>

关于javascript - 通过单击按钮更改 div 中的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21239319/

相关文章:

javascript - 微软 Logo 动画 v2

带有转义字符的 Javascript 子字符串

JSON 对象数组上的 Javascript lodash 范围不返回

javascript - React.JS - 值未显示在动态渲染列表中

javascript - 在 JS 中调用 php var

javascript - 选择所有不包含 "li"的 "ul"

javascript - 网页上的 CSS 动画按钮未运行所有动画(通过 Javascript 添加到页面的按钮)

Javascript 正则表达式替换页面上所有链接 href 中的符号

php - 可以创建一个包含 MySQL 表数据的溢出表

html - 为什么我的 XPath 不能根据标签文本选择链接/按钮?