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 - 检测由 chrome 内容脚本引起的字段值更改的最佳方法

JavaScript 重定向 : script in symfony route not working

javascript - 对具有两个以上状态的数组进行排序

javascript - 如何从 d3.js 折线图更改 x 轴格式

javascript - 我怎样才能使这个图像映射元素响应?

html - Jade 多行对象/数组

html - 在表 td 的输入内将长行换行成多行

javascript - Angular 计时器 - .stop() 和 .resume() 问题

html - 带有图标的可折叠 Bootstrap 导航栏

javascript - 如何使用带有 JSON 数据的菜单和子菜单创建 Bootstrap4 导航栏?